.row {display:table-row}
.row div {display:table-cell}
.row .one {width:200px}
.row .two {width:200px}
.row .three {}
上面说一下上边各个CSS属性的意义：
1.dispaly:table让.equal层作为块级元素的表格来显示，也就是将显示成表格的样子
2.border-collapse:separate边框独立，就像表格没有合并单元格以前
3.display:table-row将.row作为表格行tr显示
4.display:table-cell将.row的下级div作为表格单元格td显示
使用border-spacing:10px主要是来区分几个盒子，因为IE下不能正常显示，但是在：Mozilla、Opera、Firefox、Chrome下都是可以的。
<table width="100%" border="0" cellspacing="3" cellpadding="0" class="edf12"><tr>
<td></td>
<td></td>
</tr>
</table>
可以在每个表格里面加上class样式，例如上面的，比如把class样式命名为“edf12”，再定义这个样式就可以了，任何一个表格都可以这样操作
1、两个表格定义不同的class，通过class设定不同的样式如<style>
.a{border:2px}
.b{border:10px}
</style>
2、两个表格定义不同的id，通过id设定不同的样式
如<style>
#a{border:2px}
#b{border:10px}
</style>
