CSS 盒模型

请知悉：本文最近一次更新为 8年前，文中内容可能已经过时。

曾几何时，IE 6 及更低版本的非标准盒模型被喷得体无完肤。IE 原来的盒模型真的不好么？最终，时间给了另外一个答案。 W3C 终认识到所谓标准盒模型在实际使用中的复杂性，于是在 CSS3 中增加 box-sizing 这一属性，允许用户自定义盒模型。

You tell me I'm wrong, Then you better prove you're right.
King of Pop – Scream

这就是 W3C 的证明。

扯远了，Amaze UI 将所有元素的盒模型设置为 border-box。这下好了，妈妈再也不用担心你没计算好 padding、border 而使布局破相了。咱来写样式，不是来学算术。

Copy

 *,
 *:before,
 *:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }

如您从本文得到了有价值的信息或帮助，请考虑扫描文末二维码捐赠和鼓励。

如本文对您有用，捐赠和留言 将是对我最好的支持~（捐赠可转为站内积分）
如愿意，请向朋友推荐本站，谢谢。

尊重他人劳动成果。转载请务必附上原文链接，我将感激不尽。

时鹏亮的Blog