CSS高度不是100％

我已經檢查了許多類似於此的其他問題，但似乎沒有解決方案。我有一個網站，有一個正文，然後是一個名爲內容的內部div。我曾嘗試：CSS高度不是100％

body 
{ 
    height: 100%; 
} 

content 
{ 
    height: 100%; 
}

和

body 
{ 
} 

content 
{ 
    position: absolute; 
    top: 0px; 
    bottom: 0px; 
}

這是答案的大部分問題。但由於某種原因，它不適合我們。當我們使用絕對定位進行強制時，它拉伸到超過頁面長度，並且當我們想要它居中時，我們將內容推向左邊（使用margin-left：auto; margin-right：auto;）

有什麼建議麼？

來源

2011-10-17 pongahead

第一個將是該內容不是一個元素。這或者需要是id：#content或者class：.content。但是可能還有更多。 –

這是#content。我只是沒有在這個問題上註明。對困惑感到抱歉！我應該這樣做 – pongahead

除了body和div之外，您還需要將html設置爲100％的高度。

html, body, div{ 
    height: 100%; 
}

來源

2011-10-17 21:58:11 aperture

我忘記了有一個HTML標籤風格。謝謝！ – pongahead

我的解決辦法：

<html> 
<head> 
<style> 
body 
{ 
    height: 100%; 
    padding: 0; 
    margin: 0; 
} 

#content 
{ 
    height: 100%; 
    background: red; 
} 
</style> 
</head> 
<body> 
    <div id="content"></div> 
</body> 
</html>

工作正常。屬性background: red;用於測試。

來源

2011-10-17 21:58:56 Peter

我已經嘗試過，並沒有奏效。上面的解決方案是我忘了將HTML設置爲100％。 – pongahead

CSS高度不是100％

回答

相關問題