使用DIV比使用TABLE在布局上更加灵活，而且便于日后维护。
用例子来说。
如果一个网页本来是分3部分，A部分在左，B部分在右上，C在右下。
┌—┐┌——————————┐
│ ││ B │
│ A │└——————————┘
│ │┌——————————┐
│ ││ C │
└—┘└——————————┘
使用table定位，html代码如下：
使用div定位，html代码如下：
A
B
C
需要CSS定义3个DIV的位置和高度宽度。
某天网页改版，变成了三个部分从左到右排列。
┌———┐┌———┐┌———┐
│ ││ ││ │
│ A ││ B ││ C │
│ ││ ││ │
│ ││ ││ │
└———┘└———┘└———┘
使用table定位，html代码如下：
当然如果你给CSS中设置的关于这三个区域的高度宽度等也要更改CSS文件。
使用CSS定位html代码不需要更改，需要更改的是CSS文件中的DIV定位方式和三个区域高度宽度。
从这个看起来好像使用DIV并没有比使用表格方便多少，但是我们一般使用的页面内容比这个多，ABC每个区域里都有许多内容，这些内容也需要做布局，所以需要很多表格套表格。这样要改动起来HTML文件里的变动就很大，一不小心删错代码整个布局就要出问题。而使用DIV，在你html写得比较规范的情况下，只需要改CSS文件，设置每个部分的CSS样式即可。
给你一个比较好的例子：CSS禅意花园（链接见参考资料，这是个英文网站，点击select a design下面的超链接可以切换CSS），网站只有一个HTML页面，但是有几百个CSS文件，点击超链接可以切换该网页使用的CSS文件。切换了CSS后页面的样子完全变了，变成另外一个迥然不同的风格，文字的位置也全部发生了变化。
如果像以前那样用table来排版，想要做出这种完全不同的风格你就只能重新给网页布局。
