DIV+CSS固有的优点：
1、有意义而又标准化的页面结构;
2、css独立的样式表比较利于统一修改网站页面;
3、在Div里面H1指的就是标题，img指的就是图片，ul指的就是列表形式等，各种属性都非常明了，搜索引擎对它有良好的支持.

但是DIV+CSS的布局中也有几点误区:
1、Div+Css可以进行网页的统一修改，通过一个样式表，控制整个网站，只要修改样式表，就可以统一整个网站的风格。如果为一个页面单独做一个样式表，或者一个div就做一个样式表，那这个Div+Css的设计就完全没有必要了;
2、如果使用DIV也像table一样无穷尽的嵌套，效果与table布局也就没什么两样了，这样即不会带来搜索引擎的优化，反而会使页面没有意义;
3、关于兼容性的问题，TABLE布局已经很多年了，多数浏览器都是支持的，所以显示效果好，基本上不会出现错位情况，但是DIV+CSS却在部分浏览器中会发生页面错位的情况，所以在进行布局的时候也要考虑到不同浏览器的情况，进行更改和调试。
         
CSS小技巧:
1、定位：绝对定位，相对定位

如有两个div

<div id='A'>
<div id='B'></div>
</div>

如果内层的div的position属性是absolute（绝对定位）.那它表示的就是相对于文档的位置.
如果内层的div(B)position属性为relative（相对定位）,那它就是相对于外层的div距离.

2、设置水平居中
大多数的网站目前都是固定宽度的。这样，我们只需要在网站最外层的body写一个css样式：
body{margin: 0 auto;}就可以是整个网站的位置居中了。

www.jxgzseo.cn