这段CSS代码会产生什么影响 {box-sizing：border-box;}？

轩辕小不懂发布于 2021-12-06 16:14

阅读 360

答案 1

分类：WEB前端开发

CSS

2579

Nen 2021-12-06 16:28

- 程序员

默认情况下，元素具有box-sizing：应用了content-box，并且仅考虑了内容大小。 box-sizing：边框更改了元素的宽度和高度的计算方式，边框和填充也包括在计算中。元素的高度由内容的高度+垂直填充+垂直边框宽度计算得出。元素的宽度是通过内容的宽度+水平填充+水平边框宽度来计算的。在我们的盒子模型中，考虑到填充物和边框，与设计人员实际如何想象网格中的内容产生了更好的共鸣。