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

Question

提前感谢您的帮助。

这是布局的 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 无论如何都不起作用），一切正常，直到我得到超过 450 像素的内容。

之后，内容只会溢出到页脚中，而背景不会拉伸。我不希望 IMAGE 拉伸，只是为了让图像结束并且背景颜色继续作为适合内容的纯背景。

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

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

救命啊，快把我逼疯了！

Answer 1

你有两个问题：

1. 它会强制您设置最小高度，因为您还没有内容。想象一个空的 div。它将与屏幕一样宽，因为它是块级别，但与文本一样高，这没什么。所以你不需要最小高度，你只需要一个高度或一些实际的内容。

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

使用 CSS 可以让您的生活变得更轻松的一件事是不要尝试一次设置所有内容并确保布局良好，然后担心背景图像和颜色等修饰。尝试为麻烦的 div 设置橙色和蓝色边框的背景色。这将使您完美地了解事情何时开始和停止。一旦你知道颜色排列好，然后试试背景图片。