至于分列布局，个人常用的方法有以下几种：
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三部分顺序。