1

我有 3 个与此相对应的 div。

我有#wrapper，它包裹着一切。那是#EEE，我有#contain，它在#wrapper 之后。那是#FFF（内容的一部分）
我有#secondaryContent，它的高度：100% 非常好，位置：固定。这在这两个 div 中。

我为所有主要的 div 添加了边框以查看发生了什么。

好的，中间 div 的底部应该 100% 延伸到底部，显示包装器没有灰色。如果您仔细查看页面顶部，您会看到一条紫色线。这实际上是一个名为#content 的div，它应该包含所有的帖子。我不知道它显示了什么，好像里面什么都没有，但它应该 //(* 固定 * - 见第二个答案)。

你可以通过我的服务器看到我的意思。

服务器


FIX***
应用于#wrapper div 的类“.container”是搞砸了一切。

4

3 回答 3

2

我认为这是因为#Content div 中有浮点数。

您可以将此类“hasFloats”添加到您的 css 文件和 #content div 中。

更新

.hasFloats { _height: 1%; }

.hasFloats:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 0; }

<div id="content" class="hasFloats">

希望这可以帮助。

于 2009-10-07T16:16:51.273 回答
1

你需要设置你body的，height: 100%否则它不会占据全屏。

编辑：对不起，我在查看网站之前回答了。如果它没有占据整个高度，您是否检查过多余的margin或padding？

于 2009-10-07T16:07:23.370 回答
1

有一个名为 'container' 的类应用于 div 'wrapper'。此类容器来自我使用的 Habari CMS 提供的不同样式表。通过从 div 中删除此类，高度现在扩展到文档窗口。

于 2009-10-12T17:24:23.177 回答