请教几个问题
<style type="text/css">
*{margin:0;padding:0;}
#wrap{background-color:#09C;margin:0 auto;width:960px;}
#header{background-color:#F00;width:100%}
#mainbody{background-color:#6F3;width:100%;overflow:hidden;}
#footer{background-color:#C0F;width:100%;}
.left{width:800px;height:500px;background-color:black;float:left;margin-right:20px;}
.right{width:140px;height:500px;background-color:#6FF;float:left;}
</style>
</head>
<body>
<div id="wrap">
<div id="header">头部</div>
<div id="mainbody">主题内容
<div class="left"></div>
<div class="right"></div>
</div>
<div id="footer">版权部分</div>
</div>
</body>
</html>上面这些代码实现的效果，在没清除浮动之前，版权部分是在最右边的，为什么给mainbody清除浮动版权部分就下去了呢，不是应该给footer清除浮动么？老师说，谁受到影响就要给谁清除浮动，既然是footer收到了影响为什么要给他的父div清除浮动呢？
