为什么我的<div>没有扩展到高度：100％？</div>

Question

我有3个与之对应的div。

我有#wrapper，它包裹着一切。那是#EEE 我的#contain是#wrapper里面的#contain。那是#FFF（内容的一部分）
我有#secondaryContent，这是高度：100％完全正常，位置：固定。这两个div里面都有。

我为所有主要div添加了边框，看看是什么。

好的，中间div的底部应该以100％延伸到底部，显示包装器没有灰色。如果仔细观察页面顶部您可以看到紫色线条。这实际上是一个名为#content的div，它应该包含所有帖子。我不知道它在显示什么，好像什么都没有，但它应该//（*修复* - 见第二个答案）。

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

Server

FIX ***
应用于#wrapper div的类'.container'是搞砸了所有内容的。

Answer 1

我认为这是因为#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">

希望这会有所帮助。

Answer 2

您需要将body设置为height: 100%，否则将无法占据整个屏幕。

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

Answer 3

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