1、DIV+CSS 网页布局前言：关于 css2.0 的模型。以上文件是对单个元素而言的层次示意图，如果对于多个元素而言，这时就用到一个属性：z-index: (int),这个属性的意思是：int 的值越大就越在上层。如下图：当然，有一个声明属性可以控制元素的应用优先权，不受 z-index 属性的限制，那就是!important 属性。如果两个 !important 就要看两个属性的元素的样式在样式表的位置，位置靠后的覆盖靠前的。第一步：规划网站对页面进行布局，我们可以分为 5 部分，pageTop/这部分作为父容器，不作为一部分。pageHeader/这部分作为父容器，不作为一部分。 page
2、LeftpageMeddlepageRight做成效果图如下：第二步：开始布局1、我们先给 body 加上样式：bodyfont-size:30px; text-align:center;background-color:#CC9; 效果图：2、编辑 pageTop 的样式.pageTopbackground-color:#090;width:100%;height:40px;position:fixed;top:0px;left:0px;right:0px;效果图：3、添加 pagebody 样式.pagebodywidth:900px;margin:0 250px;4、编辑 pagehea
3、der 样式：.pageHeaderbackground-color:#3FF;width:900px;height:120px;margin-top:40px;效果图：5、添加 meddle 的样式。.meddlewidth:900px;height:auto;min-height:600px;6、编辑 pageLeft 样式.pageLeftfloat:left;width:200px;background-color:#F99;height:auto;min-height:600px;效果图：7、编辑 pageMeddle 和 pageRight.pageMeddlefloat:left;background-color:#C69;width:500px;height:auto;min-height:600px;.pageRightfloat:right;background-color:#6F9;width:200px;height:auto;min-height:600px;效果图如下;这里看不见 pageHeader，那是因为 pageTop 遮挡了它：给pageHeader 添加： margin-top:40px;这时就成了：刚开始的样式。
