背景没有出现

Question

我注意到the background image here（在“cont”元素上） 并不像my home page here那样出现 我发现它与高度有关，就像我添加高度一样，除了它还会以某种方式弄乱页脚... 如何使页面背景在主页上工作？

谢谢。

Answer 1

将overflow: hidden;添加到您的.cont元素中。问题在于，由于其中的元素为floated，因此不会调整大小以适应其高度。

通常，这可以通过许多方法来解决，而不仅仅是overflow: hidden;。 Google for clearfix寻找资源。

Answer 2

使用clearfix：

将<div style="clear: both"></div>附加到#cont div。

的末尾

在我正在使用的制作网站中：

<br class="clear"/>

加上css：

br.clear { display: block; width: 1px; height: 0px; clear: both; }

Answer 3

由于background-image已设置为元素div.cont并且没有任何明确修复，因此 0高度，因此您的背景无法显示。 添加一个clearfix，它将正常工作。一种方法是：

<div class="cont">
  <div class="body">
  ...
  </div>

  <br style="clear: both" />
</div>