css 盒子模型(Box Modal): 封装周围的HTML元素,包括:margin border padding content 四个属性
标准盒模型(W3C盒模型) | 怪异盒模型(IE盒模型) | |
---|---|---|
设置的width包含 | content宽度 | content + padding + border |
盒子总宽度 | width + padding + border + margin | width + margin |
指定盒模型种类 | box-sizing: content-box; | box-sizing: border-box; |
解决兼容性问题
- 不给元素添加具有指定宽度的padding, 将 padding 或 margin 添加到元素的父元素或子元素