我的 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 中。