页脚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。但是，它需要额外的标记。由你决定。