Html 我希望我的容器div垂直扩展以容纳其内容。。。？

我正在创建一个具有背景图像的页面，内容位于垂直向下运行的中心容器中。类似于雅虎！答案布局：

如果你在雅虎上最小化你的浏览器！回答：垂直滚动只会变得“更长”，并且内容都保留在白色容器中

然而，在我的浏览器上，当我最小化浏览器时，容器底部的内容溢出，并出现在背景图像上。我想让容器膨胀

我不想使用溢出：自动或任何其他溢出属性，我不喜欢滚动条

请参阅以下内容，并提前向您表示感谢：

body {
background-image: url('images/ppback.jpg');
padding: 0;
margin: 0;
width:100%;
height:100%;
}

#container {
position: relative;
background: #440077;
width: 770px;
margin:0 auto;
top: 0px;
height: 100%; 
opacity: .7;
filter:alpha(opacity=70);
)

---

只需从#容器中删除值height:100%。这将容器的最大高度设置为与浏览器窗口相同的高度，以防止显示比窗口长的任何内容

我猜您添加了这个属性，这样当页面内容很少时，整个背景都会显示在页面上。为了得到你想要的效果，你可能必须在一个固定的位置创建一个单独的div，并将其放置在中心，z索引小于你的主容器