html - div背景图像和高度不起作用

Question

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

在 Google Chrome 和 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%;
}