.left{ width:200px;height:500px;position:absolute;left:0;top:100px;background:blue;}
.right{background:#9C9;height:500px;margin-left:210px;}要实现上面的效果这里为什么要用绝对定位呢？
我用的浮动，代码如下：
.left{width:200px;height:500px;float:left;background:blue;}
.right{height:500px;margin-left:210px;float:right;background:#9C9;}这样写的错误在哪里？为什么中间红色会空那么大呢？
2018-06-08
float：right会让div往右边浮动，而.left则已经往左浮动了，故而一个左贴边，一个右贴边，中间自然露出来大片的底色（红色）。所以你这里的margin-left：210px并没有起到实质上的作用，因为中间的区域估计有上千px。要想用浮动来实现这样的效果，必须都设置成float：left。
但是本题的任务要求：右侧（right）先加载，左侧（left）后加载。
而且下面的div代码也是right在前面，left在后面。如果是left在前面，right在后面，那么可以直接使用float：left，从左到右按顺序向左浮动，再设置right的margin-left：10px即可实现。
本题的精髓就在于left在后面，right反而在前面，所以只能只用绝对定位来实现。
举报
