CSS中的两种盒模型总结

2022-05-05 18:19:21 浏览数 (2)

CSS3中的盒模型有两种:标准盒子模型IE盒子模型

盒模型都是由四个部分组成的,分别是marginborderpaddingcontent

标准盒模型与IE盒模型的区别在于设置widthheight时,所对应的范围不同。

  • 标准盒模型的width和height属性的范围只包含了content
  • IE盒模型的width和height属性的范围包含了borderpaddingcontent

可以通过修改元素的box-sizing属性来改变元素的盒模型:

  • box-sizing:content-box 表示标准盒模型
  • box-sizing:border-box 表示IE盒模型

0 人点赞