页脚div位置不一致

Question

所有三个页脚都有相同的HTML和CSS代码，但在每个页面中的作用不同。有时是在底部，有时是在中间，有时是在底部，但在之前的div (#main)

jsfiddle.net/BBnzW/ 
jsfiddle.net/6cYQg/ 
jsfiddle.net/USSds/  

你知道为什么吗?请只回答后，确保在正义的工作。我以前试过很多次了。

该代码超过了stackoverflow代码限制30000char，所以不能粘贴在这里

Answer 1

#main { position: absolute }导致页脚位于内容的中间。.w1 { padding-bottom: ... }和#footer { margin-top: ... }产生了额外的空白。但是我不认为去掉它就能完全解决你的问题。

看来你是想弄个粘脚。试试这个http://jsfiddle.net/fL4XF/18/。简单的css和没有额外的标记。它适用于IE7。

这是另一个在IE6中工作的粘性页脚。但是，它需要额外的标记。这取决于你。