CSS之盒模型

当对一个文档进行布局(laying out)的时候，浏览器渲染引擎会根据CSS-Box模型（CSS Basic Box model）将所有元素表示为一个矩形盒子（box)。CSS决定这些盒子的大小，位置以及属性（颜色，背景，边框尺寸...).

1.box-sizing:content-box(标准盒模型-默认)

 

盒子的宽=左边界+左边框+左填充+内容宽+右填充+右边框+右边界

 

2.box-sizing:border-box(IE盒模型)

盒子的宽=左边界+宽+右边界