好的布局，不仅代码可读性好，代码量少，而且不需要js去操作样式，避免很多很多js垃圾代码。能用html，css解决的。就不用js去解决样式排版问题。
一、需求如下：年龄，住址两列的数据长度不定，要求地区、性别那两列如下表所示。这种需求若要用div +float模式去做，会比较麻烦（因为第一列，第二列的高度无法确定，也无法继承复合组高度。因为父盒子高度是有第3，第4列称起来的，或者只能通过js来动态获取父盒子高度，然后设置给子盒子）。但如果使用表格做就非常简单，而且代码结构非常清楚。只需要合并第一列，第二列（ rowspan='n',n为数据的长度）。
地区性别年龄住址湖南女18怀化26溆浦............<table border="1" cellspacing='0' width='500' style='text-align:center'> <tr> <th>地区</th> <th>性别</th> <th>年龄</th> <th>住址</th> </tr> <tr> <td rowspan='2'>湖南</td> <td rowspan='2'>女</td> <td>12</td> <td>怀化</td> </tr> <tr> <td>25</td> <td>娄底</td> </tr> </table>
