html的div如何使用吗,html – 如何使用div而不是表

我正在尝试创建下面的表格布局,但是我想使用DIV代替TABLE：

------------------

| | |

| CELL1 | CELL2 |

| | |

| |--------|

| | |

| | CELL3 |

| | |

------------------

我想要所有单元格的高度由它们的内容设置(即没有height：style)

我已经尝试使用float：left在cell1上,但似乎不能使单元格2和3的行为.

HTML：

CELL1

CELL2

CELL3

CELL1

CELL2

CELL3

CELL1

CELL2

CELL3

CSS：

.list-row {

background:#f4f4f4;

border:2px solid red;

}

.list-left {

width:auto;

padding:10px;

top:0px;

left:0px;

border: 2px solid blue;

}

.list-right {

top:0px;

left:60px;

padding:10px;

border:2px solid green;

}

.list-title {

font-size:18px;

padding:8px;

}

.list-filters {

padding:8px;

}