Html CSS：背景问题。这可能吗？

提前谢谢你的帮助

以下是布局的PNG：

第二部分（背景为深灰色）给了我一些问题。下面是我使用的CSS作为背景

#mainbg {
width:100%;
height:450px;
padding-top:25px;
background-image:url(../images/mainbg.png);
background-color:#303030;
background-position:top;
background-repeat:repeat-x;

}

背景显示（尽管除非我设置了最小高度，否则它不会显示，这对IE6来说无论如何都不起作用），并且一切正常，直到我得到的内容超过了450px

之后，内容会溢出到页脚，背景不会拉伸。我不希望图像拉伸，只希望图像结束，背景颜色继续作为适合内容的普通背景

如何设置此div的背景高度，使其拉伸以容纳内容，同时仅在y轴上显示一次背景图像（同时仍在x轴上重复）

我使用其他高度、继承和自动，但设置其中任何一个都意味着图像不会显示

救命啊，这快把我逼疯了

您有两个问题：

它迫使你设置一个最小高度，因为你还没有内容。想象一个空的div，它和屏幕一样宽，因为它是块级的，但和文本一样高，这算不了什么。所以你不需要一个最小高度，你只需要一个高度或一些实际的内容

背景只会占用div占用的空间。如果颜色和图像停止，则表示div已停止。尝试设置“溢出：滚动”以查看截止点的实际位置

---

使用CSS可以让你的生活更轻松的一件事是，不要试图一次性设置所有内容，确保布局良好，然后再担心背景图像和颜色之类的化妆品。试着给这个麻烦的div一个橙色的背景色和一个蓝色的边框。这会让你对事情的开始和结束有一个完美的概念。一旦你知道颜色已经排好了，就试试背景图像。

非常感谢！我所需要做的就是设置溢出：隐藏，它工作得很好！！