Div背景图像＆amp;身高不起作用

Question

我有一个div main，我已经把我的内容和侧边栏包裹起来了。我已经指定#main有一个背景图像，最小高度为1200px。

在Google Chrome＆amp; Firefox，当我检查div时，我检查源时没有任何属性。因此div的背景图像和高度也不起作用。

<!--Main content layout -->
#main {
clear:both;
position: relative;
min-height: 1200px;
background-image:url(images/white.png);
background-repeat: repeat-x;

}

.sidebar1 {
float: right;
width: 20%;
padding-bottom: 10px;
margin-top: 20px;
}
 .content {
padding: 10px 0;
width: 76%;
float: left;
margin-top: 20px;

}

网站地址为：http://www.tibetskyvillage.org/

非常感谢有人看到这个。我一直使用这种方法，出于某种原因，这次失败了。

Answer 1

评论<!--Main content layout -->不是有效的CSS评论，而是HTML评论，而不是导致解析错误。

Answer 2

请参阅屏幕截图，我在您的布局中发现了一些干扰，以解决此问题或解决您的问题 不要将图像作为CSS中的背景，在html中将其作为图像提供，如此

<img width="1360" height="675" src="images/bg0.jpg" class="wraper">
<div id="main">Your content</div>

为图像和主要添加样式

.wraper {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

#main{
position: absolute;
min-height: 1200px;
width:100%;
}