0

我的 #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

4

3 回答 3

2

正如@bfavaretto 和@j08691 建议的那样,尝试以下操作:

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

jsFiddle 演示。在 IE7/8/9、FF、Safari、Chrome 中测试良好。

于 2012-12-10T00:54:48.863 回答
0

如果高度是相对于浏览器窗口的,则不能将高度设置为 100%,除非您使用 javascript。

于 2012-12-10T00:38:39.603 回答
0

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

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

于 2012-12-10T00:48:15.643 回答