例如下面的的布局，你需要用幾個DIV來浮動？

最合理的方法，就是使用表格來實現(xiàn)表格，經(jīng)過 HeTingYi 的發(fā)布以及 goos 的簡化，代碼如下：

頁面結(jié)構(gòu)：

1. <table cellspacing="1" cellpadding="0"> <colgroup>     <col class="col1" />     <col class="col2" />     <col class="col3" /> </colgroup> <tr>     <th>游客類別</th>     <th>日票(人民幣.元)</th>     <th>夜票(人民幣.元)</th> </tr> <tr>     <td>成人</td>     <td>170</td>     <td>100</td> </tr> <tr>     <td>學(xué)生</td>     <td colspan="2">125（文章出自 Vevb.com 轉(zhuǎn)載請注明出處）</td> </tr> <tr>     <td>兒童</td>     <td>85</td>     <td>50</td> </tr> <tr>     <td>老年</td>     <td>35</td>     <td>30</td> </tr> </table>

CSS部分：

1. *{     padding:0;     margin:0;     font:12px/1.5em "SimSun"; } body {padding:100px;} table {     width:400px;     text-align:center;     background:#DEE4FF;     border:solid 5px #DEE4FF; } .col1,.col2 {width:30%;} .col3 {width:40%;} th,td {vertical-align:middle;} table th{color:#fff;background:#4F86FF;} table td{color:#2467FA;background:#A1BEFF;}