[css] box-model

box-model

모든 HTML element들을 box model로 구성된다

box model은 

내용을 담는 content,

content와 border 사이의 padding,

테두리 부분인 border,

다른 element와의 간격인 margin 으로 구성되어 있다

 

 

*width, height 값이 전체 element의 크기값이 아니다!

element의 전체 width =

(content) width + left padding +  right padding + left border + right border + left margin + right margin

 

element의 전체 heigh=

(content) width + left padding +  right padding + left border + right border + left margin + right margin