提前感谢您的帮助。
以下是布局的PNG：Website Layout
第二部分（深灰色背景）给我带来了麻烦。下面是我用于后台的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的内容。
之后，内容会溢出到页脚中，背景不会拉伸。我不希望IMAGE伸展，只是为了使图像结束，背景颜色继续作为适合内容的普通背景。
如何设置此div的背景高度，使其伸展以容纳内容，同时仅在y轴上显示背景图像（同时仍在x轴上重复）。
我玩其他高度并继承和自动，但设置任何这些只是意味着图像不显示。
帮助，这让我疯了！
答案 0 :(得分：1)
你有两个问题：
强制您设置最小高度，因为您还没有内容。想象一个空div。它将与屏幕一样宽，因为它是块级别，但与文本一样高，这没什么。因此，您不需要最小高度，只需要一个高度或一些实际内容。
背景只会占用div占用的空间。如果颜色和图像停止，则表示div已停止。尝试设置“溢出：滚动”只是为了看看截止位置到底在哪里..
使用CSS让您的生活更轻松的一件事是不要试图一次性设置所有内容并确保布局良好，然后担心像背景图像和颜色这样的化妆品。尝试给麻烦的div一个橙色和蓝色边框的背景颜色。这将为您提供何时开始和停止的完美概念。一旦你知道颜色排成一行，那就试试背景图片。