网页布局调整

在CSS中使用“box-sizing”属性可以控制元素的大小计算方式，从而实现网页布局调整。

示例代码：

div { box-sizing: border-box; width: 50%; padding: 10px; border: 1px solid black; margin: 10px auto; }

这段代码的作用是创建一个宽度为50%，内边距为10px，边框为1px实线黑色的div元素，并将其水平居中对齐。由于“box-sizing”属性已经设置为“border-box”，所以此元素的宽度为“50%”，并且包括内边距和边框。如果不使用“box-sizing”属性或将其设置为“content-box”，则元素的宽度将仅包括内容宽度，而内边距和边框将增加元素的实际宽度，导致布局混乱。