最小高度100％问题，div仅显示窗口的100％，不会延长

Question

我的布局有问题：我已经做了我通常做的事情，让主内容div填充100％的页面，如果内容比可查看页面的高度更多，则扩展得更远。

问题是，它填充了100％的可查看页面，但是如果它超过了那一点（添加了一个滚动条），那么内容div和包装div不会扩展到占用页面的其余部分。我一直在寻找一些可能性，为什么它这样做，但我没有找到任何东西。

您可以在http://www.isuckatwebdesign.com查看该页面，并使用firebug查看布局和CSS。

RoR不会导致像这样的问题吗？

Answer 1

尝试

#content { /* remove height: 110% */ overflow:hidden; }

Answer 2

您不希望内容div具有特定高度，您只希望它包装内部的任何内容，无论内容可能包含多少页面。 因此，请在CSS中删除高度声明，然后在右侧列div之后将以下内容添加到HTML中：

<div style="clear: both;"></div>

这会强制内容div包含它包含的div。你当然可以给这个div一个id并在CSS文件中定义样式，而不是内联。