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

Question

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

如果您最小化您的浏览器，而在雅虎！垂直滚动的答案变得“更长”，并且内容全部停留在白色容器上。

但是，在我最小化我的浏览器时，容器底部的内容溢出并出现在背景图像上。我想容器扩大..

我不想使用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

只需卸下值高度：100％从#container的。这会将容器的最大高度设置为与浏览器窗口相同的高度，从而防止显示比窗口长的任何内容。

我猜你已经添加了这个属性，这样当页面内容很少时，整个背景就会显示在页面上。为了得到你想要的效果，你可能需要创建一个独立的div，位置固定，位置居中，z索引比主#container小。