我希望我的容器div垂直扩展以适应其内容......？

Question

我正在创建一个具有背景图像的页面，内容位于一个在页面垂直向下运行的居中容器内。与Yahoo!相似答案布局：http://uk.answers.yahoo.com/

如果您在Yahoo!上最小化浏览器回答垂直滚动变得越来越长了＃39;并且所有内容都保留在白色容器中。

但是，当我最小化浏览器时，容器底部的内容会溢出并显示在背景图像上。我希望容器扩展..

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

请参阅下文并提前感谢您：

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);
)

Answer 1

从#container中删除值高度：100％。这是将容器的最大高度设置为与浏览器窗口相同的高度，防止显示比窗口长的任何内容。

我猜你添加了这个属性，这样当页面内容很少时整个背景就会显示在页面上。要获得您正在寻找的效果，您可能必须创建一个单独的div，在固定位置和定位中心，z索引小于主#container。