三列html問題

Question

我有三列顯示問題。我有兩列之間的空白。 很難用言語解釋，所以這裏是一個屏幕：

每個大類（挖掘機，裝載機...）是UL。每個在float:left 我想刪除裝載機和自行式平地之間或刮板輸送機和伸縮臂叉裝機之間的空格...

這裏是生成的HTML

<div class="right_list"> 
       <ul class="group_list"> 
     <li><a class="titre_cat" href="xxx" title="Excavators">Excavators (588)</a></li> 

              <li><a class="sous_cat" href="xxx" title="Dragline Excavators ">Dragline Excavators (1)</a></li> 
           <li><a class="sous_cat" href="xxx" title="Track excavators ">Track excavators (239)</a></li> 
           <li><a class="sous_cat" href="xxx" title="Wheel excavator">Wheel excavator (111)</a></li> 
           <li><a class="sous_cat" href="xxx" title="Industrial excavators">Industrial excavators (3)</a></li> 
           <li><a class="sous_cat" href="xxx" title="Excavators accesories">Excavators accesories (13)</a></li> 
           <li><a class="sous_cat" href="xxx" title="Mini digger ">Mini digger (221)</a></li> 
           </ul> 
[... and more and more ...] 
</div> 

這裏所應用的CSS：

.right_list { 
    float: left; 
    margin: 0 0 0 7px; 
    width: 756px; 
} 

.group_list { 
    float: left; 
    margin: 0 10px 5px 0; 
    width: 242px; 
} 

下面是我想：

祝您有美好的一天

Answer 1

嘗試先創建3列，然後將您的div放入這些列。該列本身也應該是div。

<div class="col"> 
    <div class="right_list"></div> 
    <div class="right_list"></div> 
    <div class="right_list"></div> 
</div> 
<div class="col"> 
    <div class="right_list"></div> 
    <div class="right_list"></div> 
    <div class="right_list"></div> 
</div> 
<div class="col"> 
    <div class="right_list"></div> 
    <div class="right_list"></div> 
    <div class="right_list"></div> 
</div>