大多数浏览器采用W3C标准模型,而IE中则采用Microsoft自己的标准。
在标准盒模型:一个div的内容区 = width + border +padding + margin
怪异盒模型:div的内容区 = width + margin width = padding + border
解决兼容性问题:box-sizing:{}
content-box---时 采用标准也就是默认模式
border-box --时 采用怪异模式
大多数浏览器采用W3C标准模型,而IE中则采用Microsoft自己的标准。
在标准盒模型:一个div的内容区 = width + border +padding + margin
怪异盒模型:div的内容区 = width + margin width = padding + border
解决兼容性问题:box-sizing:{}
content-box---时 采用标准也就是默认模式
border-box --时 采用怪异模式