Webkit浏览器中的内容/页脚重叠问题

我对正在开发的网站有轻微问题。我的身体内容与页脚div碰撞，部分隐藏在它后面，并推出页脚内容。Webkit浏览器中的内容/页脚重叠问题

我设法只在Chrome/Win，Safari/Win和Safari/Mac上复制这些症状。

您可以查看这里的页面：http://www.pacarmy.ca/blog2.php

我已经验证了HTML，并在同一个页面的测试中IE9 /赢精美，FF /赢，和歌剧/赢。

谷歌搜索并没有帮助我，我发现＃2最接近线程wwas：

这是不是真正的问题都没有。

任何人都可以建议吗？推测？什么？ :)

谢谢。

2011-08-12 DaveL

您的文章是浮动的，父元素永远不会展开以包含浮动元素，因此您需要“清除浮动元素”。一种方法是将“overflow：auto”添加到段元素中。这导致父母扩展到满溢的元素。但是，当您在该页面添加更多帖子或元素时，我没有检查这是否是最佳的地点或方法。

你可以谷歌或搜索SO的“清理浮动”更多的信息和方法。

2011-08-12 20:38:22 Rob

这也是我的第一个想法，但只有帖子的容器是浮动的，并且有一个清晰的：两者;“ />在这个容器之后。在每个帖子后添加额外的清除，甚至在帖子内容无效后添加。 – DaveL

其实，坚持下去......我在整个博客脚本的顶级容器之后添加了另一个清除，现在看起来不错。 WTH？这个div没有浮动...... – DaveL

那么，你有正确的想法，肯定。漂浮的容器没有被它的父母包容，尽管之后清除了。我希望我知道这是为什么，但经过审查，无论如何都不需要在这个页面上浮动，而我刚刚删除了它。现在它按我的预期工作。接受答案。 – DaveL

回答