html - 背景没有出现

Question

我注意到这里的背景图片（在“cont”元素上）不像在我的主页上那样出现。
我看到它与高度有关，因为当我添加高度时它可以工作，除了它也会以某种方式弄乱页脚......
我怎样才能让背景在页面上工作，就像它在主页上工作一样？

谢谢你。

Answer 1

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

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

Answer 2

由于您background-image被设置为元素div.cont并且它没有任何 clearfix，因此它的高度为 0，因此您的背景没有空间出现。添加一个clearfix，它会工作。一种方法是：

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

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

Answer 3

使用清除修复：

追加<div style="clear: both"></div>到#contdiv 的末尾。

在我正在使用的生产网站中：

<br class="clear"/>

加上CSS：

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