如何将DIV的高度调整为100％？

Question

我现在已经搜索了几个小时，但还没有找到解决方案。我希望那里的任何人都可以帮助我:)。

我搜索并找到了以下脚本：http://jsfiddle.net/tcaVN/81/

这个脚本很棒但如果div＃center没有内容，它看起来如下：jsfiddle.net/tcaVN/80/

我实际上想要将其调整到100％高度，即使它没有内容。这是可能的，如果是的话：如何？ 我真的不明白。

非常感谢提前！

编辑：谢谢大家的帮助！

我自己的设计现在看起来像这样：http://jsfiddle.net/tcaVN/102/ 问题是，即使没有内容，您现在也可以滚动。

编辑2：我发现了这个问题！ #content中有一个填充太多了。

Answer 1

我的回答在这里..

http://jsfiddle.net/tcaVN/101/

编辑：

http://jsfiddle.net/tcaVN/103/（这是一个超出正文的文本，只是添加了以显示css更改适用于这两种情况..）

我做了什么补充

高度：100％到html，body和#bind

并将最小高度：100％添加到#center

基于此

http://www.tutwow.com/htmlcss/quick-tip-css-100-height/

Answer 2

This应该有效。

可能的问题是你假设body和html容器默认为100％宽度和100％高度。不是这种情况。默认情况下，宽度为100％，但高度调整为html / body容器内的内容。

希望我理解你的问题。

Answer 3

this one will work，即使内容超过div。

设置min-height: 100％而不是修复height:100%可确保灵活的div。