2013-12-23 124 views
0

我在我的佈局有一些div有50%的寬度。每個div可以根據其內容具有可變的高度。我想要做的是「漂浮」他們到頂部。這意味着每個div填補上面div的空白。類似的東西:浮動到頂部未知高度div

enter image description here

是否有可能實現與一些CSS這種效果呢?當然,寬度也可以設置爲其他值,不僅是50%。提前致謝。

+0

添加你已經嘗試過 –

+0

您需要選擇jQuery的解決方案代碼,看看這裏的http:/ /masonry.desandro.com/ –

+0

@RununKathuria:這裏是我使用的CSS類。 [code] .span2 {float:left; 寬度:48%; 保證金:1%; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:top; } – Giorgio

回答

2

您可以更改HTML標記如下

<div class="left col50"> 
     <div class="first"></div> 
     <div class="third"></div> 
    </div> 
    <div class="right col50"> 
     <div class="second"></div> 
     <div class="fourth"></div> 
    </div> 

和CSS

.col50{ 
width:50%; 
} 

.right,.left{ 
float:left; 
} 
+0

我認爲這是一個有趣的觀點:將所有內容分成兩列,並將所有內容都浮在裏面。真酷!爲你+1! – Giorgio