不能讓高度100％的div

我已經嘗試了多件事情，但由於某種原因，無論我托盤如何，我無法讓內部div高度達到頁面的100％，並且它讓我在頁面中看到div的一半。我認爲問題的一部分是因爲我有一個固定的頁腳，但我無法弄清楚或找到解決辦法，特別是因爲我希望網站能夠響應。以下是我的網站上顯示問題的示例。我相信我需要「容器流體」div的高度爲100％。不能讓高度100％的div

爲了澄清，我希望白色部分被拉伸到頁面底部。

站點鏈接：http://steppy.herokuapp.com/users/new

來源

2014-04-27 user2472480

看起來像100％的網站你是如何意味着100％？清除緩存或以隱身模式訪問網站？ –

對不起，我應該澄清，我想白色的部分被拉伸，直到頁面的底部。 – user2472480

你想粘頁腳在頁面可見底部下面是x像素嗎？ –

添加

bottom: -70px;

到

.footer2

，所以它看起來像這樣在你的CSS：

.footer2 { 
     background: none repeat scroll 0 0 #212A34; 
     bottom: 0; 
     height: 70px; 
     position: absolute; 
     width: 100%; 
     bottom: -70px; 
    }

這樣牛逼他的頁腳將在白色背景下方70像素，這樣用戶需要向下滾動才能看到頁腳。

來源

2014-04-27 22:42:32

原因是網頁實際上是無限的，所以你說100％的無限，這是瀏覽器無法解釋的。你可能會看到你的div基於它的內容被砸到了一個小空間。因此，如果div中有句子，div高度爲100％，那麼div將與句子中的文本數量相同。做背景圖像時我有同樣的問題。你最好的希望是遵循上面的建議，給出像素長度或任何其他長度。你怎麼能有一個基本無窮的百分比？

希望這添加到您的知識，並幫助一點點！

來源

2014-04-27 22:50:00 Brendan

啊我看到了，所以爲了它的工作，我想我需要一個確定的高度，例如在我的身體？ bcuz那麼它不會是無限的，但是它如何能夠響應地擴展？ – user2472480

是的正確@ user2472480。你不一定要按比例「縮放」，而是確定身高，不管大小都好。我通常使網頁與屏幕一樣寬，因爲從長遠來看，寬度會影響像小屏幕這樣的東西，高度可能是任何東西 – Brendan

不能讓高度100％的div

回答

相關問題