CSS 100%高度DIV

浏览器将不遵守%中指定的高度(编辑:我的意思是说它们不会像您期望的那样工作)。

你需要在你的 <div id="container"> 这里是您应该放置它的地方:

<div id="container">
    <div id="logo">...</div>
    <div id="menu">...</div>
    <div id="content">...</div>
    <!-- HERE -->
    <div style="clear: both;"></div>
</div>

将容器分区的高度设置为100%,这样可以解决问题(至少在火狐3.6中是这样)。

你真的应该安装这样的工具 Firebug 对于Firefox,您可以使用它“实时”修改网站上的CSS属性。这使得解决这样的问题变得非常容易。

容器DIV的高度为100%,这将解决您的问题。

此答案应更新为: Make div 100% height of browser window

body,html{
    height:100%;
}

#container{
  height:100%
}

这个 height: 100% 在CSS中不会像您预期的那样工作。

我的解决方案是编写一些简单的javascript来测量可用的高度,然后适当地设置DIV的高度。
这应该很简单,但如果您需要帮助,我会帮您整理的。:)

好吧,你会用 min-height:100%; 或 min-height:500px .

这可以解决你的问题。