div+css页面实现两列布局

1、 要实现页面两列布局

2、看如下代码：

3、在浏览器中预览的效果如下

4、两个d坡纠课柩iv并没有像我们想象的并列在一行这是因为div是块级元素，默认占据整行现在给左边的div加上一个float:left

5、预览效果：

6、这是因为 蟠校盯昂div浮动之后 脱离了文档流，下一个块级元素上移，直到遇到上一个元素。为了兼容各个浏览器，给right加上一个float:right让右侧的div靠右浮动

7、最终效果