0
我在我的佈局有一些div有50%的寬度。每個div可以根據其內容具有可變的高度。我想要做的是「漂浮」他們到頂部。這意味着每個div填補上面div的空白。類似的東西:浮動到頂部未知高度div
是否有可能實現與一些CSS這種效果呢?當然,寬度也可以設置爲其他值,不僅是50%。提前致謝。
我在我的佈局有一些div有50%的寬度。每個div可以根據其內容具有可變的高度。我想要做的是「漂浮」他們到頂部。這意味着每個div填補上面div的空白。類似的東西:浮動到頂部未知高度div
是否有可能實現與一些CSS這種效果呢?當然,寬度也可以設置爲其他值,不僅是50%。提前致謝。
您可以更改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;
}
我認爲這是一個有趣的觀點:將所有內容分成兩列,並將所有內容都浮在裏面。真酷!爲你+1! – Giorgio
添加你已經嘗試過 –
您需要選擇jQuery的解決方案代碼,看看這裏的http:/ /masonry.desandro.com/ –
@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