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

回答