CSS-布局1-浮动三列布局

1、三列布局需求

网页中，常见的实现3列布局，左右两边宽宽固定，中间自适应的布局。本节介绍一种，最简单的实现思路，利用div浮动特性实现。

2、实现思路

在网页中依次编写 left、right、center 三个div，注意一定要左右中，这样的编写顺序。让left的div向左浮动，让right的div向右浮动。同时设置Center的左边距，和右边距，这样就实现了一个三列布局。

3、代码实现

4、运行效果

三列布局运行效果

5、布局缺陷

（1） center 区的渲染，在left和right之后，用户体验不好。