javascript - 我的 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 中测试良好。