解析css中的两种盒模型_css两种盒模型的计算

作者：很楠不爱3 | 2024-05-27 09:17:46

踩

css两种盒模型的计算

css里的盒模型分两种，w3c标准盒模型和ie盒模型（ie6以下）。

①w3c盒子元素所占空间大小 = 内容 + padding + border + margin；

对应box-sizing：content-box

②ie盒模型元素所占空间大小 = 内容 + margin；其中内容包含（内容、padding、border）

对应box-sizing: border-box

例子：将一个宽高200*200，内填充为5*5，边框10*10，外距15*15的元素，分别设成两个盒模型进行比较

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/630918