最赞回答 / sugar_橖
你可以先运行结果看看，footer 的色块已经跑到了上面，只有文字在下面，之所以会跑走，是因为上面的元素用了浮动，原来的位置就空了出来，然后 footer 没有浮动元素，又没有清除浮动，就占据了中间位置，所以，想让footer 在他自己的位置，就先清除浮动（clear：both）希望帮到你~
2018-05-18
最新回答 / 慕神2768241
你的父元素main没加高度？如果不想添加高度，那么让foot清除浮动（ clear:both; ）也可以，至于为什么要清除浮动，自己上网查查，因为我也是个初学者。。。
2018-05-02
最赞回答 / 枫芒i
footer 的色块已经跑到了上面，只有文字在下面，之所以会跑走，是因为上面的元素用了浮动，原来的位置就空了出来，然后 footer 没有浮动元素，又没有清除浮动，就占据了中间位置，所以，想让footer 在他自己的位置，就先清除浮动（clear：both）希望帮到你~....footer{ height:50px; background:#9F9; clear:both;}
2018-05-02
最赞回答 / 慕UI0629160
因为.main的高度固定为600px，而它的两个子元素的高度也是600px，所以.right是溢出的内容。.right并不是在.foot的下面，而是在.left的下面，只是有一部分与.foot重叠了。
2018-04-22
