页面渲染时,dom 元素所采用的 布局模型。可通过box-sizing进行设置。根据计算宽高的区域可分为:
content-box (W3C 标准盒模型)
border-box (IE 盒模型)
padding-box
margin-box (浏览器未实现)
盒子模型(分2个):IE盒子模型和W3C盒子模型
相关box-sizing的属性。
box-sizing: border-box;
width = content+padding+border (横向相关)
box-sizing: content-box;
width = content (横向相关)
这两个模型的唯一区别是计算width和height时,IE盒子模型包含padding和border, W3C盒子模型则不包括。
网友评论