我希望我的容器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小。