[分享]css中body定宽为什么没用

在网页开发中，我们经常会使用CSS来进行页面的布局和样式设置。其中，浏览器对于CSS的解析顺序是从上到下，从左到右的，所以我们通常会把CSS放在HTML文件的头部来确保其优先加载。在CSS中，我们可以...

在网页开发中，我们经常会使用CSS来进行页面的布局和样式设置。其中，浏览器对于CSS的解析顺序是从上到下，从左到右的，所以我们通常会把CSS放在HTML文件的头部来确保其优先加载。

在CSS中，我们可以使用body选择器来为网页的整个主体添加样式，比如设置宽度：

body{
		width: 960px;
	} 

然而，在实际运用中，我们会发现设置body的宽度并没有起到作用，整个网页还是撑满了整个浏览器窗口。为什么会这样呢？

原因是因为浏览器的默认样式中，html和body元素的宽度都是100%，因为它们要适应不同分辨率的设备，并且body元素的宽度受到其内部元素的影响。如果内部元素的宽度比body宽度更大，那么body的宽度也会随之扩展。

所以，如果我们想要设置网页的最大宽度，就要针对html元素来进行设置：

html{
		max-width: 960px;
		margin: 0 auto;
	}
	body{
		padding: 10px;
	} 

这样我们就可以让整个网页的宽度最大为960像素，并且居中显示。

通过以上解释，我们可以知道CSS中为什么设置body宽度没用，并且也学会了如何设置网页的最大宽度和居中显示。这对于我们进行网页开发来说是非常实用的技巧。