最赞回答 / Tesen
你右边绿色块的样式是：.right{margin-left:210px;height:500px;background:green;float:right;}，翻译过来就是右边块{外边框210像素；高度500像素；背景色绿色；靠右浮动}问题就在于第一句，直接写width：600px然后固定在右边不就可以了，干嘛要用margin-left？
2015-04-07
最赞回答 / Tesen
这里是一个排版陷阱：当main里面设置了左右两个div之后，这个时候不要忘记给main也设置和左右div一样的高度，题中的main是没有设置高度的，只设置了宽度，这个时候我们可以想象main其实就是一根高度为0的线条浮在top的下面，只是我们看不到，因为它没有高度。而footer是浮在main下面的，并不是浮在左右两个div下面，所以我们看到footer块莫名其妙跑上来盖住了左右两个div，解决办法如下：第一，给main赋予和左右div同样大小的高度，这个是最直接的方法，main的高度从0变成600px之...
2015-04-03
最新回答 / Crazy丶魂
你代码错了.main{ height:600px;margin:0 210px 0 310px】 background:#FCC}---》.main{ height:600px;margin:0 210px 0 310px; background:#00f}
2015-03-31
已采纳回答 / jellyhui
因为教学视频中的main盒子设置了固定的宽和高，而本题目中main没有高度的设定，当main中的left和right元素浮动之后，浮动元素表现的就像是不在普通文档流中一样，父元素就不再有原来被撑起来的宽度值了，不清楚的话就像main的高度变成了0，footer盒子就浮动到head下了
2015-03-14
最赞回答 / 小菜木可
.top{ height:120px; background:#CCC}.main{ height:460px; background:#F00;}.left{ width:200px; height:460px; float:left; background:#00F}.right{ height:460px; position:absolute; left:210px; right:0; background:#6C6}.foot{ height:50px; background:#F60}
2015-03-08
最赞回答 / Tesen
哈哈，我也是，仔细看了半天才明白，错误在于老师的动作太快了，你的一定是写成了<div class="main"></div> <div class="left"><div> <div class="right"><div>这样你的左块和右块没有被main块包起来，结果就是和foot在一行去了！正确的写法是<div class="main"> <div class="left"><div&...
2015-03-04
