CSS body 元素宽度不起作用

Question

HTML：

<body>
    <p>Some content</p>
</body>

CSS：

body {
    margin: 0 auto;
    width: 470px;
    background-color: cyan;
}

为什么它没有一直居中，为什么颜色扩展到整个页面而不是 470px？

Answer 1

身体实际上占据了这个宽度，并且处于居中状态。这只是 CSS 的一个怪癖，它使背景占据整个页面，而不是 body 元素实际占据的空间。

解决此问题的一种方法是在标签上包含一个background属性html。

这是一个例子。

然而，正如其他人所提到的，这可能不是您想要做的事情。最好div 在正文中添加一个并对其进行样式设置。