CSS3 有两种盒子模型。content-box
and border-box
. content-box
是默认值。
content-box
content-box
是自 CSS 版本 1 以来默认的 CSS 盒子模型。使用时content-box
,计算框宽度时仅考虑框的内容。在下面的参考资料中,content-box
称为 W3C 盒模型。
border-box
border-box
是微软盒子模型的移植版本。在 Internet Explorer 5 及更低版本(Quirks 模式下的 IE6)中,IE 将元素的宽度视为框的边框、内边距和内容区域的组合宽度。在下面的参考资料中,border-box
称为 W3C 盒模型。
没有元素使用border-box
盒模型除非通过指定box-sizing
财产,例如:
box-sizing: border-box;
参考图片
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)