css - 页脚 div 的位置不一致

Question

所有三个页脚都具有相同的 html 和 css 代码，但在三个页面中的每一个页面中的作用都不同。有时它在底部，在其他页面它在中间，在另一个它在底部，但在它的前一个 div （#main）之间有一个间隙

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

猜猜为什么？请仅在确保在 jsfiddle 中有效后才能回答。我之前做过很多尝试。

该代码高于stackoverflow代码限制30000chars，所以不能在这里粘贴。

Answer 1

#main { position: absolute }导致页脚位于内容的中间。并且正在产生额外.w1 { padding-bottom: ... }的#footer { margin-top: ... }空白。但我不认为删除它会完全解决你的问题。

似乎您正在尝试获得粘性页脚。试试这个http://jsfiddle.net/fL4XF/18/。简单的css，没有额外的标记。它适用于 IE7。

这是另一个适用于 IE6 的Sticky Footer。但是，它需要额外的标记。由你决定。