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样式文件：

     

显示结果：