Question

我正在制作一个网站http://nebkat.com/beta/index.php，并且内容有灰色背景和白色背景（请参阅自己）。问题是我不能将白色部分设置为100％高度。它只能保持标题（欢迎......），然后停止。

Answer 1

％中指定的高度将不会受到浏览器的尊重（编辑：我的意思是说它们不会按照您期望的方式工作）。

您的<div id="container"> div中需要一个清算div。这是您应该放置的地方：

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

Answer 2

将#container div的高度设置为100％这应该可以解决问题（至少它会在firefox 3.6中）。

您应该为firefox安装Firebug之类的工具，您可以使用它来“生活”修改网站上的css属性。它可以很容易地找出这样的问题。

Answer 3

为容器div提供100％的高度，这将解决您的问题。

Answer 4

这个答案应该用这个更新：Make div 100% height of browser window

body,html{
    height:100%;
}

#container{
  height:100%
}

Answer 5

CSS中的height: 100%无法正常工作。

我的解决方案是编写一些测量可用高度的简单JavaScript，然后适当地设置div的高度它应该非常简单，但如果你需要任何帮助，我会把它放在一起。:)

Answer 6

您将使用min-height:100%;或min-height:500px。

这可以解决您的解决方案。

CSS 100％高度分区

6 个答案: