我的div的高度只有0px

Question

我的#root_menu_div的高度为0px，即使我有以下CSS规则：

#html{height:100%}
#body{height:100%}
#container{height:100%}
#body_container{height:100%}
#search{height:100%}

#root_menu_div {
min-height:100% !important; 
display:block !important; 
position:static !important;
}

#root_menu_div的内容在其容器（#search）之外流动。所以我认为我有高度/位置/显示问题。它的行为就像我错过了一个结束标签，但我拥有它们。

这是网址： http://whiterootmedia.com/root_menu/index.html

Answer 1

如@bfavaretto和@ j08691建议，请尝试以下方法：

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

jsFiddle demo。在IE7 / 8/9，FF，Safari，Chrome中测试得很好。

Answer 2

如果相对于浏览器窗口，则无法将高度设置为100％，除非您使用javascript。

Answer 3

div容器中包含的所有内容都是隐藏的。

您可以将 添加到div的内部html中。