CSS高度：100％问题

Question

我正在尝试使div wrapper围绕其中的所有div，因此取决于wrapper高度的内容量将增加。

我猜想这样做的方法是设置height: 100%但是正如您从下面的屏幕抓图中看到的，情况并非如此。

它说“否：-(”的地方是height: 100%位置在理想情况下，我希望wrapper在底部说“是”的地方，我画了一条红线。

任何帮助深表感谢。

Answer 1

如果使用浮点数，则使容器溢出：隐藏可能会解决此问题。 如果没有给div固定大小，则它会在浮动元素上延伸。

如果您在容器内放置了绝对位置的元素，那么最好查看html / css作为解决方案。

Answer 2

听起来您需要一个clearfix。

http://css-tricks.com/snippets/css/clear-fix/

您将需要定义clearfix类（如上面的链接所述），将.clearfix添加到#wrapper中。

Answer 3

您可以发布指向CSS的链接吗？ 我想到的第一件事是包装器内div的position属性。 如果将它们设置为float或absolute，则它们将不包含在包装器中。 那是预期的行为。 即，这是一篇关于包含浮点数的好文章： http : //complexspiral.com/publications/ contains-floats /

如果很可能是问题所在，则可以将内部div相对放置，或者如果使用浮点数，则可以在包装器的末尾添加不可见的块显示hr，如下所示：

<div id="wrapper">
            /*All divs to be contained here*/
            <hr style="display:block;clear:left;visibility:hidden;">
</div>

清除：左； 是摆脱先前元素“浮动”的要素。 “左”应该根据您的浮动来改变。 在以上文章中，这是我最喜欢的方法。