Question

我正在为页面正文指定青色背景颜色：

<body style="background-color: #0197B1">

这会覆盖样式表，确实会显示青色，但不会一直显示在页面上（包括Firefox和Chrome）

我在底部添加以下内容：

 <br style="clear:both" />
  some text
 </body>

尝试解决问题，并调试底部的内联元素发生的事情。看起来（Chrome开发者工具）身体不会一直向下移动。嗯...为什么会发生这种情况，有什么问题？

由于

Answer 1

删除正文上的height: 100%;属性（在CSS中设置），背景将填满整个页面。另外，作为友情提示，您不应该使用表格来设计网站。这是非常糟糕的做法 - 如果没有桌子，你想要做的事情很容易实现。

Answer 2

删除html {background-color:#ffffff;}，您应该完成。

Answer 3

当您浮动元素时，您将从文档的流中移除它。页面失去了元素的位置和大小的感觉。

您的页面是一系列嵌套表格，其中包含浮动元素。提供实际垂直结构的唯一方法是表本身。表格用完后，您的背景将结束。

对于熟悉基于标准的语义标记的人来说，重新编码此页面会很容易。我建议学习这些方法。与此同时，@ Christian Varga的解决方案将暂时让您失望。

Answer 4

我只检查Firefox，

line 4: html{background-color:#ffffff; height:100% }

只需删除body

即可

或

line 4: html,body{background-color:#0197B1; height:100% }