表格布局，就是通过设定固定的单元格，去除表格边框和填充实现的布局。当然这个布局非常不建议使用 **1.固定布局** ~~~html <style type="text/css"> body { margin: 0;} table { margin: 0 auto; width: 960px; border-spacing: 0; } .header { height: 120px; } .aside { width: 200px; height: 500px; } .section { width: 760px; height: 500px; } .footer { height: 120px; } </style> <table border="0"> <tr> <td colspan="2" class="header">header</td> </tr> <tr> <td class="aside">aside</td> <td class="section">section</td> </tr> <tr> <td colspan="2" class="footer">footer</td> </tr> </table> ~~~ **2.流体布局** 表格的固定布局改成流体布局非常简单，只需要设置 table 为 100%即可。 //修改 table ~~~ table { width: 100%; } ~~~