将表简化为div

Question

<table border="1" width="800">
<tr>
<td colspan="2">1</td>
<td colspan="2">1</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</table>

我有一些麻烦将此表简化为一些div标签..帮助？

Answer 1

一个非常简单的例子是：

<强> HTML

<div class="container">
 <div class="col-4">
      1
     </div>
  <div class="col-4">
      1
     </div> 
    <div class="col-2">
      1
    </div>
    <div class="col-2">
      1
    </div>
    <div class="col-2">
      1
    </div>
    <div class="col-2">
      1
    </div>
</div>

<强> CSS

.container {width:800px;}
.col-2, .col-4 {float:left;}
.col-4 {width:400px;}
.col-2 {width:200px;}

演示：http://jsfiddle.net/eR6g3/