正常盒子模型高宽都包含了内外边距及边框的值。
盒子最终的大小的高包括:边框、外边距、内边距、高度。高度与内外边距及边框分表计算
盒子最终的大小的宽包括:边框、外边距、内边距、高度。宽度与内外边距及边框分表计算
设置box-sizing: border-box;后,盒子最终的大小的宽高height的大小,盒子最终的大小的宽 width的大小。
原始盒子模型:

加入box-sizing: border-box;属性后

box-sizing: border-box;盒子包含内外边距及边框
阅读 109
2022-01-10
正常盒子模型高宽都包含了内外边距及边框的值。
盒子最终的大小的高包括:边框、外边距、内边距、高度。高度与内外边距及边框分表计算
盒子最终的大小的宽包括:边框、外边距、内边距、高度。宽度与内外边距及边框分表计算
设置box-sizing: border-box;后,盒子最终的大小的宽高height的大小,盒子最终的大小的宽 width的大小。


相关推荐
精彩评论(0)