DIV+CSS布局

DIV+CSS布局方法

DIV+CSS的网页标准化设计是web标准中的一种新的布局方式，正逐渐代替传统的表格（Table）布局。尤其适合内容信息量大、板块多且经常进行版面更新的大型门户网站使用。DIV+CSS构建网页，采用层（DIV）布局，并且使用层叠样式表（CSS）来实现页面的外观，给网站浏览者更好的体验。

DIV+CSS布局的优势：

1、表现和内容分离，便于站点重构页面
DIV+CSS模式具有比表格更大的优势，他将网页结构与内容相分离，代码简洁，利于搜索，方便后期维护和修改。
2、结构清晰，对搜索引擎更加友好
DIV+CSS构架的页面具备搜索引擎SEO的先天条件，配合优秀的内容和一些SEO处理，可以获得更好的网站排名。
3、便于web项目开发分工协作
DIV+CSS构架的表现和内容分离的特性使得程序员和页面设计者只要通过一定页面元素的约定便可进行各自擅长的程序控制和页面展示部分的开发，减少相互的关联性，大大提高了开发效率。

DIV+CSS布局的操作方法:

布局的标准形式：
头部+导航+内容+尾部
内容部分的布局又可分为两列右窄左宽型、两列左窄右宽型，3列宽度居中几种方式。这些页面布局的基本原则是为每个独立的部分建立一个div层，以头部+导航+两列右窄左宽型+尾部布局为例，其div布局如下：

<div id="container">
   <div id="header">This is the Header</div>
   <div id="menu">