如何使一个div在高处漂浮，同时漂浮在里面

如何让一个div在它内部浮动时增长高度？ 我知道定义一个宽度的值，并设置溢出到隐藏的作品。 问题是我需要一个与溢出可见的div。 有任何想法吗？

Answer 1

overflow:auto; 在包含div使得它内部的所有东西（甚至浮动的项目）都可见，外部div完全包裹它们。 看到这个例子 。

Answer 2

在很多情况下， overflow: auto; 将是足够的，但为了完成和跨浏览器的支持，看看Clearfix将为所有的浏览器做的工作。

让我们考虑下面的标记

 <div class="clearfix"> <div class="content">Content 1</div> <div class="content">Content 2</div> </div> 

随着以下风格..

.content { float:left; }

.clearfix { ..from link.. }

如果没有clearfix，由于它的浮动子项，父div不会有高度。 clearfix将使父母考虑浮动的孩子。

Answer 3

有不止一种方法来清除浮游物。 你可以在这里查看一下：
http://work.arounds.org/issue/3/clearing-floats/

例如， clear:both可能为你工作

 #element:after { content:""; clear:both; display:block; } #element { zoom:1; } 

Answer 4

我认为一个很好的方法是在div上设置display：table。