垂直浮动一个div

Question

如何使div垂直浮动？如果div上方有空的空间，那么它应该向上并填满空间，留下底部的空白空间。

 float:left // for floating horizontally

我有很多div水平浮动，固定宽度但不是固定高度。我希望他们在不离开空地的情况下安排。

如何做到这一点？

Answer 1

div永远不会留空空间。它将填充空间，然后文档将继续到底。

我想，那里有某种padding或margin。

您可以尝试将div设为绝对位置：

div {
position: absolute;
top: 0;
}

这样，div几乎会被放置在页面顶部！重叠其他元素，您可以以top的方式为margin-top提供一些价值。

我希望它有所帮助。

Answer 2

让我假设你遇到了以下问题：你有几个不同高度的div在一个接一个的几行中。比如说，第一排中有一个非常高的，迫使第二排的所有div都“深入”潜水。我有一种强烈的感觉，目前还没有跨浏览器的纯CSS方式来改善这种外观。但是，您至少可以实现

 display:inline-block;
 vertical-align:top 

而不是

float:left. 

看起来像这样：

http://jsfiddle.net/wHTQ2/

如果你需要更好看的东西，请看这个问题： css float elements with unequal heights left and up in grid 我相信你正在寻找的东西是一样的。不幸的是，你用纯css做的事情并不多。