背景图像不会出现在特定页面上

Question

在此网站上：http://walkman.pk/aserdus2/tagok.php
我在左侧和右侧有两个背景图像，但没有出现，我无法弄明白为什么？ 网站的每个其他页面都运行良好。似乎某些<div>元素未正确关闭。当我用镀铬检查员观察它时，我发现content div很薄，但我不明白这个原因。 我该怎么做才能显示图像？

Answer 1

#content内只有浮动元素，因此其高度为零。您可以通过将overflow设置为visible以外的其他内容来解决此问题：

#content {
    overflow: hidden;
}

瞧：

Answer 2

这是因为具有类block的两个元素都是浮动的，因此标识为content的元素没有高度（具有背景图像）。因此，您需要为content元素（height: 250px）提供高度才能解决问题。

Answer 3

将此添加到您的#content {}：

height: 600px;（或者图像有多高）

我用Inspect Element尝试了它并且出现了图片。

祝你好运！

Answer 4

尝试

<div id="content">

...

<div style="clear:both"></div>
<!-- CONTENT END -->
</div> 

或
http://www.webtoolkit.info/css-clearfix.html

<div id="content" class="clearfix">

...  

<!-- CONTENT END -->
</div> 

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}