具有可变长度主要部分的页面的页脚

Question

我网站上主要文章的内容随AJAX动态变化。我想在网站上添加一个页脚但由于我无法设置静态高度，页脚总是出现在与文章相同的位置（就好像文章在DOM中根本没有占用任何空间）。 / p>

我想最简单的方法是直观地展示会发生什么：my site here

如果你在页面加载时查看页脚，你会注意到它被困在文章中。

Answer 1

删除#mainSection .mainArticle：

的这一行

position: absolute; 

绝对定位将您的文章从流程中删除，删除此行将使其定位为静态，这将使这些元素按预期在彼此之上。