請教幾個問題

<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清除浮動呢？