已采纳回答 / Matt_Wong
<...code...>这句话中你使用了绝对定位，然后给她的左侧边缘定义了210px，但是它没有宽度啊。于是它就使用了默认的宽度也就是内容的宽度。题目要求我们自适应它的宽度。而且right要先加载，所以我能想到的方法只有使用绝对定位定义左右的位置（left：210px;right:0px）使其限定在这个位置中。想必您也想到了，只是使用的方法有些混淆。更改方式<...code...>希望对你能有所帮助。
2018-06-14
已采纳回答 / Matt_Wong
1、因位如果不设置会默认left为0，top也是默认为0；2、如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。 参见：https://www.imooc.com/code/2073
2018-06-11
已采纳回答 / 如梦亦晨
float：right会让div往右边浮动，而.left则已经往左浮动了，故而一个左贴边，一个右贴边，中间自然露出来大片的底色（红色）。所以你这里的margin-left：210px并没有起到实质上的作用，因为中间的区域估计有上千px。要想用浮动来实现这样的效果，必须都设置成float：left。但是本题的任务要求：右侧（right）先加载，左侧（left）后加载。而且下面的div代码也是right在前面，left在后面。如果是left在前面，right在后面，那么可以直接使用float：left，从左到...
2018-06-08
.top{height:100px;background:gray;}
.main{height:600px;background:red;position:relative;}
.left{ height:600px;width:200px;background:blue;position:absolute;top:0;left:0;}
.right{height:600px;background:green;margin-left:210px;}
.foot{height:100px;background:orange;clear:both;}
.main{height:600px;background:red;position:relative;}
.left{ height:600px;width:200px;background:blue;position:absolute;top:0;left:0;}
.right{height:600px;background:green;margin-left:210px;}
.foot{height:100px;background:orange;clear:both;}
最赞回答 / sugar_橖
你可以先运行结果看看，footer 的色块已经跑到了上面，只有文字在下面，之所以会跑走，是因为上面的元素用了浮动，原来的位置就空了出来，然后 footer 没有浮动元素，又没有清除浮动，就占据了中间位置，所以，想让footer 在他自己的位置，就先清除浮动（clear：both）希望帮到你~
2018-05-18
