Skip to main content

盒模型的理解

  • CSS3 中的盒模型有以下两种:标准盒模型、IE 盒模型 盒模型都是由四个部分组成的,分别是margin、border、padding和content 标准盒模型和 IE 盒模型的区别在于设置width和height时, 所对应的范围不同
  1. 标准盒模型的width和height属性的范围只包含了content
  2. IE 盒模型的width和height属性的范围包含了border、padding和content
  • 可以通过修改元素的box-sizing属性来改变元素的盒模型； 1. box-sizing：content-box表示标准盒模型（默认值）
  1. box-sizing：border-box表示 IE 盒模型（怪异盒模型）