100％高度的div自舉3

我希望做一個全高的網站，但它似乎嘰嘰喳喳使問題與身體最小高度100％100％高度的div自舉3

這裏我的CSS：

html{ 
    height:100%; 
} 
body{ 
    min-height:100% 
} 
#main{ 
    min-height:100%; 
}

，在這裏我的HTML ：

<html> 
    <head> 
     ... 
    </head> 
    <body> 
     <div id="main" class="container"> 
      ... 
     </div> 
    </body> 
</html>

我希望我的#main格總是相同高度的瀏覽器，如果內容比瀏覽器更小，但我想我的股利將李建華，伍妍比瀏覽器，如果我的含量較大。

使用我的代碼，#main div總是會佔用我內容的高度，如果我的內容很小，請不要調整到我的瀏覽器大小。

爲什麼？！

2014-03-03 Fabien

你有沒有嘗試過。最小高度：100vh; vh代表窗口高度 –

http://stackoverflow.com/questions/17555682/height-100-or-min-height-100-for-html-and-body-elements –

試着給這個CSS。

body, html { 
    height: 100%; 
    min-height: 100%; 
} 
#main { 
    min-height:100%; 
}

2014-03-03 11:10:53 Tushar

您需要在代碼中添加一些額外的CSS。

#main { 
min-height:100%; 
} 

body, html { 
height: 100%; 
min-height: 100%; 
}

我希望這是你要找的東西，而不是嘗試解釋我會發生什麼;）！

2014-03-03 11:17:53 user3261123

如果我將身高修正爲100％當內容很長時，我的內容溢出了我的身體。我希望我的身體至少具有與瀏覽器相同的高度，但如果我的內容長度不夠高 – Fabien

只需添加下面的CSS，你會做：

body, html { 
    padding:0px; 
    margin:0px; 
    height: 100%; 
    min-height: 100%; 
}

2014-03-03 11:19:50

回答