/* 定义整体大盒子的宽度为960像素 */ body { width: 960px; margin: 0 auto; /* 让大盒子水平居中 */ }
代码中,大家通过给body元素设置一个固定的宽度来定义整个网页的宽度。为了让大盒子水平居中,大家使用margin属性设置左右外边距为auto。
如果大家不希望整个网页的宽度固定不变,而是希望它随着屏幕大小自适应变化,那么大家可以使用百分比来定义整体大盒子的宽度。
/* 定义整体大盒子的宽度为80% */ body { width: 80%; margin: 0 auto; /* 让大盒子水平居中 */ }
这里,大家将整个网页宽度设置为屏幕宽度的80%,使网页在不同设备上都能够自适应变化。同样,通过设置margin属性左右外边距为auto,大家可以让大盒子水平居中。
总的来说,CSS中整体大盒子宽度是非常重要的一个属性。通过它的设置,大家可以控制网页的宽度和大小,让网页在不同屏幕大小下都能够完美展现。