HTML 背景颜色泄漏

只是为了了解视口(viewport)的概念及其与 HTML 和 BODY 标记的关系。我已经设置了以下代码，但我不明白为什么 HTML 标签的背景颜色会泄漏(如果它必须位于 VIEWPORT 的整个屏幕上)，那么为什么边框不在整个屏幕上。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="background: lightblue; border: 10px solid orange;">
<head>
</head>
<body style="margin-top:200px; background-color: black; color:white; border: 1px solid red;">

<p style="margin-top:0;">Hello World!!</p>
</body>
</html>

编辑

这是链接http://jsfiddle.net/wYYBP/

这是使用标准 CSS 的代码 http://jsfiddle.net/wYYBP/1/

它是从 w3 验证器 http://jsfiddle.net/wYYBP/2/ 通过的

最佳答案

将 CSS 样式应用到 HTML 元素是非常罕见的。从那里删除样式，一切都应该没问题。

关于HTML 背景颜色泄漏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9189169/