CSS3中的盒模型有两种:标准盒子模型
和IE盒子模型
盒模型都是由四个部分组成的,分别是margin
、border
、padding
和content
标准盒模型与IE盒模型的区别在于设置width
和height
时,所对应的范围不同。
- 标准盒模型的width和height属性的范围只包含了
content
- IE盒模型的width和height属性的范围包含了
border
、padding
和content
可以通过修改元素的box-sizing
属性来改变元素的盒模型:
box-sizing:content-box
表示标准盒模型box-sizing:border-box
表示IE盒模型