1.什么是盒模型:
盒模型其实就是浏览器把⼀个个标签都看⼀个矩形盒⼦,那每个盒⼦(即标签)都会有内容 (content),边框(border),以及内容和边框中间的缝隙(即内间距padding),还有盒⼦与盒 ⼦之间的外间距(即margin),⽤图表示为:
2.盒模型有俩种 :IE盒模型和W3C标准盒模型
IE盒模型总宽度=border+padding+内容宽度+margin
标准盒模型总宽度=border+padding+width+margin
3.box-sizing的使用
那如何在IE盒模型宽度和标准盒模型总宽度之间切换呢,可以通过box-sizing:border-box或设置成content-box来切换
box-sizing:border-box //IE盒模型
box-sizing:content-box //w3c盒模型