HTML code

<div id="leftDiv">左列</div>

<div id="middleDiv">中列</div>

<div id="rightDiv">右列</div>



用float

CSS code

#leftDiv{  float:left;  width:25%;

}

#middleDiv{  float:left;  width:50%;

}

#rightDiv{  float:right;  width:20%;

}







依次类推，需要多少列，都设float一样就可以了。

再比如li输出的

HTML Code

<div class="myclass">
<ul>
<li>....</li>
<li>....</li>
  ....
<li>....</li>
</ul>
</div>


css Code

.myclass{wdith:800px}
.myclass li{float:left;width:200px }  /*刚好4列*/