当对一个文档进行布局(laying out)的时候,浏览器渲染引擎会根据CSS-Box模型(CSS Basic Box model)将所有元素表示为一个矩形盒子(box)。CSS决定这些盒子的大小,位置以及属性(颜色,背景,边框尺寸...).
1.box-sizing:content-box(标准盒模型-默认)
盒子的宽=左边界+左边框+左填充+内容宽+右填充+右边框+右边界
2.box-sizing:border-box(IE盒模型)
盒子的宽=左边界+宽+右边界
当对一个文档进行布局(laying out)的时候,浏览器渲染引擎会根据CSS-Box模型(CSS Basic Box model)将所有元素表示为一个矩形盒子(box)。CSS决定这些盒子的大小,位置以及属性(颜色,背景,边框尺寸...).
盒子的宽=左边界+左边框+左填充+内容宽+右填充+右边框+右边界
盒子的宽=左边界+宽+右边界