box-sizing: border-box；盒子包含内外边距及边框
正常盒子模型高宽都包含了内外边距及边框的值。盒子最终的大小的高包括：边框、外边距、内边距、高度。高度与内外边距及边框分表计算盒子最终的大小的宽包括：边框、外边距、内边距、高度。宽度与内外边距及边框分表计算设置box-sizing: border-box;后，盒子最终的大小的宽高height的大小，盒子最终的大小的宽 width的大小。原始盒子模型：加入box-sizing: border-box;
·
怪异盒子模型高宽不包含了内外边距及边框的值。内边距、边框的大小不会影响盒子的大小
正常盒子模型高宽都包含了内外边距及边框的值。内边距、边框的大小会影响盒子的大小
设置box-sizing: border-box;后成为怪异盒子模型，盒子最终的大小的宽高height的大小，盒子最终的大小的宽 width的大小。
原始盒子模型：
加入box-sizing: border-box;属性后: 宽高包含边框及内边距大小，内边距、边框的大小不会影响盒子的大小
欢迎加入 MCP 技术社区！与志同道合者携手前行，一同解锁 MCP 技术的无限可能！
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)