用绝对定位的办法，代码大致如下
<style>
.main{position:relativer}
.main .footer{position:absolute;bottom:0}
</style>
<div class="main">
<div class="footer"></div>
</div>
其他样式属性楼主根据自己需要填即可
让footer浮动在main上面，并且它的宽度还和body一样就行啊
可以分为三层来看，其中main和footer的层级都高于body，而footer又高于main，就是说main覆盖body的左边部分，footer覆盖main的底部一部分