Question

假设我们有一个简单的HTML页面：

<html>
<body style="background-color: red; width: 100px; height: 100px; border: 1px solid black">
</body>
</html>

浏览器（IE除外）会像这样呈现：

alt text

问题是为什么身体元素之外的区域（本身宽100像素，高100像素）有红色背景？

Answer 1

'因为正文是你的整个文件。你不能将它限制在100x100px。

你可以使用div创建你的盒子：

<html>
<body>

<div style="background-color: red; width: 100px; height: 100px; border: 1px solid black"></div>

</body>
</html>

Answer 2

我只能假设您没有为100x100px广场指定背景颜色？（只是猜测而没有看到更多的CSS代码）

Answer 3

因为正文的背景是指定整个页面的背景所以。你会期待什么？你无法摆脱的白色背景？

Answer 4

可以使用此示例，但您需要将样式应用于HTML标记和BODY标记，如下所示：

<html style="background-color:white;">
<head></head>
<body style="background-color: red; width: 100px; height: 100px; border: 1px solid black">
</body>
</html>

身体背景颜色奇怪的行为

4 个答案: