CSS盒子模型
CSS盒子模型包含2种:
- W3C标准盒子模型(
box-sizing: content-box
) - IE怪异盒子模型 (
box-sizing: border-box
)
W3C标准盒子模型
w3c盒子模型的范围包括margin
、padding
、border
、content
。
并且 content
部分不包含其他部分。
IE怪异盒子模型
IE盒子模型的范围包括margin
、padding
、border
、content
。
和w3c盒子模型不同的是,IE盒子模型的content部分包含了padding和border
。
CSS3 指定盒子模型种类
IE5.5及更早的版本使用的是IE盒模型(这意味着此盒模型问题只会出现在IE5.5及其更早的版本中)。
IE6及其以上的版本在标准兼容模式下使用的是W3C的盒模型标准。只要为文档设置一个DOCTYPE
,就会使得IE遵循标准兼容模式的方式工作。
本文作者:猫老板的豆
本文链接:https://www.cnblogs.com/bingcola/p/16499175.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步