Javascript 我的div的高度只有0px

我的#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）。所以我想我有一个高度/位置/显示问题。这就像我错过了一个结束标记，但我都有

以下是网址：

---

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

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

---

您可以将

添加到div的内部html。

根据@bfavaretto和@j08691的建议，请尝试以下操作：

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

---

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

父元素是否设置了其height属性？因此我猜100%大约是0px？使用

！重要提示

通常是epic失败的标志，在所有三种样式上使用它，三倍于“epic fail”。将

溢出：自动

添加到#根菜单_div。修复。溢出：自动将滚动条添加到右侧？我想我现在不想那样…@adeneo！重要的覆盖内联css，这有时是必要的，我相信这是正确的。将根级别div的

min height

或

height

设置为100%在任何浏览器中都没有效果。如果html和body标记指定了高度，则会产生效果。否，设置

html，body{height:100%；}

和子div可以指定全高。@bfavaretto:Ahhh，是的，你是正确的。如果设置了

html、body{height:100%；}

和

#root_菜单{minheight:100%；}

，则此功能有效。我想这就是“解决方案”。@不同意：注意我说的，如果它是相对于浏览器窗口的。不要草率阅读，你的生活会更快乐。html和body元素的高度都设置为100%。。。我有多个容器设置了最小高度：100%，当它应该是高度：100%时，我的body和html标记的高度是：100%，但是我的#container和#body#u container设置了最小高度：100%，这是不正确的。我把#container和#body#u container都改成了height:100%，这就成功了。我想了解为什么min height:100%属性无法使高度达到100%。我认为这些调整：

#container{height:100%}#body#u container{height:100%}

有效，但我不认为有效。我的#根菜单#div正在超出其容器（#搜索）。嗯。。。我在上面的JSFIDLE演示中测试的是一个简单得多的例子，

#root#u menu_div

是一个根级别的div（直接位于body标记内部），没有垂直边距、填充或边框——测试基本理论。但是，在进一步查看您的网站之后，解决方案似乎不会像这样简单。我应该提到，#root_menu_div的唯一内容是我的脚本

，这就是我抛出

的原因！有关css规则的重要信息

。是否有某种css属性允许文本在其容器外流动，而与

显示

或

位置

无关。