요소의 실제 크기는 네 겹의 상자로 결정된다

content, padding, border, margin을 나눠 보면 크기 계산과 간격 문제가 훨씬 선명해진다.

요소의 실제 크기는 네 겹의 상자로 결정된다content, padding, border, margin을 나눠 보면 크기 계산과 간격 문제가 훨씬 선명해진다.
1

핵심 1

요소의 실제 크기는 네 겹의 상자로 결정된다

2

핵심 2

요소의 실제 크기는 네 겹의 상자로 결정된다

3

핵심 3

content, padding, border, margin을 나눠 보면 크기 계산과 간격 문제가 훨씬 선명해진다.

4

핵심 4

겹 역할 크기에 미치는 영향 확인할 것 Content 텍스트와 이미지가 들어가는 실제 내용 영역 width/height의 기본 기준 내용이 넘치지 않는가…

핵심폭이 예상보다 커질 때는 CSS 값을 더 보기 전에 네 겹 중 어디가 실제 크기를 키우는지부터 나눈다.