CSS 100％高度分區

Question

我正在制作一個網站http://nebkat.com/beta/index.php ，內容有灰色背景和白色背景（請親自看看）。 問題是我不能將白色部分設置為100％高度。 它只能保持標題（歡迎...）然后停止。

Answer 1

瀏覽器不會尊重％中指定的高度（編輯：我的意思是說它們不會像您期望的那樣工作）。

你需要在<div id="container"> div中<div id="container">一個清除div。 這是你應該放置的地方：

<div id="container">
    <div id="logo">...</div>
    <div id="menu">...</div>
    <div id="content">...</div>
    <!-- HERE -->
    <div style="clear: both;"></div>
</div>

Answer 2

將#container div的高度設置為100％這應該可以解決問題（至少它會在firefox 3.6中）。

你應該為firefox安裝一個像Firebug這樣的工具，你可以用它來“生活”修改網站上的css屬性。 它可以很容易地找出這樣的問題。

Answer 3

這個答案應該用這個更新： 使div為瀏覽器窗口的100％高度

body,html{
    height:100%;
}

#container{
  height:100%
}

Answer 4

給容器div高度為100％，這將解決您的問題。

Answer 5

CSS中的height: 100%並不像你期望的那樣工作。

我的解決方案是編寫一些測量可用高度的簡單JavaScript，然后適當地設置div的高度。
它應該非常簡單，但如果你需要任何幫助，我會把它放在一起給你。:)

Answer 6

那么你將使用min-height:100%; 或min-height:500px 。

這可以解決您的解決方案。