标准盒子模型的总宽度 = 本身的宽度 + border + padding + margin

怪异盒子模型的总宽度 = 本身的宽度(包含了border和padding) + margin

高度同理

唯一的区别就是怪异盒子模型的本身的宽度包含了border和padding

设置为标准盒子模型

box-sizing: content-box;

设置为怪异盒子模型

box-sizing: border-box;

原文链接：https://blog.csdn.net/qq_52845451/article/details/126573939

最后修改：2023 年 10 月 30 日
© 允许规范转载
如果觉得我的文章对你有用，请随意赞赏