垂直浮動div

Question

如何使div垂直浮動？如果div上方有空的空間，那麼它應該向上並填充空間，留下底部的空白空間。

float:left // for floating horizontally 

我有很多水平浮動固定寬度但不是固定高度的div。我希望他們在沒有離開空間的情況下安排。

這怎麼辦？

Answer 1

一個div永遠不會留下空白空間。它將填滿空間，然後文檔將會進入底部。

我想，那裏有某種padding或margin。

你可以儘量給div的絕對位置爲：

div { 
position: absolute; 
top: 0; 
} 

這樣，格將被放置幾乎到了頁面的頂部！重疊其他元素，您可以給top一些值，以便您給margin-top。

我希望它有幫助。

Answer 2

讓我假設你遇到了以下問題：你有幾個不同高度的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做很多事情