盒子模型大小公式

1、一个盒子的宽度大小为： 

1
 
margin-left+border-left+padding-left+width+padding-right+border-right+margin-right

2、布局

1、一个元素在其父元素(盒子模型div)中，水平布局必须要满足以下的等式: 

1
 
margin-left+border-left+padding-left+width+padding-right+border-right+margin-right = 其父元素内容的宽度(必须满足)

例如：

1
2
3
4
5
6
 
父元素(div)的width为800px，其中的子元素(div)的width为200px

子元素(div)在父元素(div)中为：
0 + 0 + 0 + 200px + 0 + 0 + 0 = 800px
浏览器会自动调整为：
0 + 0 + 0 + 200px + 0 + 0 + 600px = 800px