크기 계산 썸네일형 리스트형 13. box model _ contents의 크기 계산 box model이란 간단히 말하면 box의 크기를 계산하는 방법입니다. 사람에 비유하자면 내 키와 뚠띠정도에 옷 두께, 깔창 등등 모든걸 다 합한 후 내 부피가 얼만한가에 관한 것입니다. 크기에 영향을 주는 요소로는 width, height, padding, margin, border가 있습니다. 이 모든 요소를 다 더하면 이 컨텐츠의 크기가 나옵니다. 위에 컨텐츠의 box model을 계산해 봅시다. 먼저 가로를 계산합니다. width 값이 300px, padding이 왼쪽 오른쪽 각각 30px씩이니 +60px 입니다. 거기에 border가 왼쪽 오른쪽 3px씩 해서 +6px, margin이 30px씩 +60px입니다. width = 300px + (30px+30px) + (3px+3px) + (30.. 더보기 이전 1 다음