CSS对 网页进行布局

标签：

一、单列布局： 

     margin：0 auto；将div模块居中

二、两列布局：(float标签将div进行浮动）

  float:left;

    float:right;

三、三列布局：

 ①、利用float直接对三个div模块进行浮动；

  ②、左右两边div固定，中间自适应（利用position:absolute;上 右 下 左）绝对定位来进行固定

      左边：position：absolute;left：0；top: 0;

          右边：position：absolute;right：0；top: 0;

          中间：margin：上 右 下 左;< 自适应 >

 注意：如果三个都是自适应就用 float：left，但是此时的宽度应该设成百分比的形式

四、混合布局

   代码演示：

    htnl文件：

   css样式文件：

显示结果：

CSS对 网页进行布局

标签：

原文地址：http://www.cnblogs.com/ericjava123/p/5647090.html