前一阵子听技术提起，然后陆续发现大批网站采用了这种方式，于是这二天专门看了相关资料。

div最重要的作用恐怕就对表格的替换！

以前和大多数现在都用table控制页面的布局。但由于浏览器在显示页面时需把整个表格内容读出来才进行显示，当页面中表格嵌套过多或其中某一元素的下载速度太慢，会造成整个页面显示不出来，用户也因此等待得很不耐烦，甚至关掉！这在三纵栏的页面布局中问题很突出，又很难规避。div在这方面的优势很显著，比如表格之上不能覆盖表格，而div上可以覆盖div，每个div独立下载显示。

div另外一个作用使页面代码非常整洁！

用div来做页面，页面代码再也不象用表格控制时那样凌乱，冗余代码可以减至最少。div就象是搭积木，描述每块积木的特点，然后拼装在一起。

div所见即所得支持的不够！

影响div发展的是目前网页编辑器如dw对其所见即所得的效果支持的还不够。一般的网页设计师对代码很头疼，也就弃而不用了。相信以后dw会对div支持的更充分，最好能做到完全不用写代码，就象photoshop中随便地安插调试。

CSS2.0的示例模型

所有的css特性几乎都是基于border、content、padding、background和margin展开的，这是学习div+css的一把钥匙。

http://www.asp121.com/wyzz/UploadPic/2006-3/200631711235946846.gif

附：

《div教程》 可以通读一遍，再做做试验基本就会了。