css--浮动

至于分列布局，个人常用的方法有以下几种：

　　1、如果是分两列布局，可以同时对两个盒子应用浮动来进行布局，可以设定左右两个盒子自己的宽度或者是宽度百分比。

　　2、同样是分两列布局，也可以对左边的盒子应用左浮动布局，对右边的盒子应用定位或者设置它的margin值来定位。

　　3、对于三列布局，最好采用浮动加定位的方法，对于左右两侧的盒子进行浮动处理，对于中间元素（盒子）进行设置其左右margin来实现定位。

 

必须明白的是，浮动这一伟大的创举，可能会导致父容器塌陷，也就是说，当容器内的全部元素浮动（会导致父容器高度为零）或者内部不浮动的元素不足以撑起父容器时，父容器高度会为0或者不足以满足我们对页面布局的要求，那么，我们必须想一些办法来解决这儿问题，我这有几个办法：

　　1、给父容器设置一个高度

　　2、设置父容器overflow：hidden或者overflow：auto；

　　3、设置父元素浮动（不推荐）

　　4、设置空元素对其（clearfix：both）

　　5、给父元素应用以下样式:

 .clearfix:before,
 .clearfix:after{
　　content:"";
　　display:table;
 }
.clearfix:after {
　　clear:both;
 }

 

注意：三栏浮动布局时，一定要注意left 、right、content三部分顺序。