以下内容完整转载自:CSS – Base | Amaze UI
CSS 盒模型
曾几何时,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
而使布局破相了。咱来写样式,不是来学算术。
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。
如本文对您有用,捐赠和留言 将是对我最好的支持~(捐赠可转为站内积分)
如愿意,请向朋友推荐本站,谢谢。
尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。
留言