0
点赞
收藏
分享

微信扫一扫

box-sizing: border-box;盒子包含内外边距及边框

小月亮06 2022-01-10 阅读 107
css3csshtml

正常盒子模型高宽都包含了内外边距及边框的值。

盒子最终的大小的高包括边框、外边距、内边距、高度。高度与内外边距及边框分表计算

盒子最终的大小的宽包括:边框、外边距、内边距、高度。宽度与内外边距及边框分表计算

设置box-sizing: border-box;后,盒子最终的大小的宽高height的大小,盒子最终的大小的宽 width的大小。

原始盒子模型:

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

举报

相关推荐

0 条评论