[問題] 如何高度不一的div自動排列還能填補空間

[kaoshi (Catling)]

因為是從資料庫叫資料出來的
所以div的高度都不一定

我目前利用float:left可以div自動排列
可是當高度不一的時候
就會出現很大的空隙

如下: (畫圖很爛 請盡量>"<)

----------  ----------  ---------
|   A    |  |   B    |  |   C   |
----------  |        |  |       |
            ----------  |       |
                        |       |
                        |       |
                        |       |
                        |-------|
----------
|    D   |
|        |
|--------|

尤其是當DIV C的資料特長時
A與D的空隙就更大


有沒有辦法可以讓D就緊靠著A下面呢?
因為資料內容都不一定
所以沒辦法特別只針對某一個DIV作設定



我目前的語法是這樣的


CSS:

-這是包在外面的大DIV
div#equip {
        width: 96%;
        z-index: 1;
    padding:15px 3px;
}


-這是裡面要自動排列的DIV
.eqbox{
    float: left;
    margin-right:5px;
    margin-bottom:5px;
    text-align:left;
    width:32%;
}



htm裡是

<div id="equip">
        <div class="eqbox">
            A
        </div>
        <div class="eqbox">
            BB
        </div>
        <div class="eqbox">
            C<br>
            C<br>
            C<br><br>
            C<br>
            C<br>
            C<br>
            C<br><br><br><br>

        </div>
        <div class="eqbox">
            D
        </div>
        <div style="clear:both">&nbsp;</div>
</div>




請各位高手幫幫忙
謝謝>"<

--
C'est La Vie
http://www.wretch.cc/album/ringle

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 76.187.11.47
推 JYHuang:在利用float屬性時時這樣的情形好像無解..
→ JYHuang:要不要考慮改用absolute...再格線定位的方式控制位置
→ TonyQ:也可以是 {{AD}{BE}{CF}} 這樣的排列方法
推 evenwu:你可以用js去控制height，或是用基本的min-height解決
推 appleboy46:推 TonyQ
→ maxi326:float可以阿...