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

Question

我正在开发的网站有一个小问题。我的正文内容与页脚 div 发生冲突，部分隐藏在它后面，并推出页脚内容。

我已经成功地在 Chrome/Win、Safari/Win 和 Safari/Mac 上重现了这些症状。

您可以在此处查看页面:http://www.pacarmy.ca/blog2.php

我已经验证了 HTML，并且同一页面在 IE9/win、FF/win 和 opera/win 中测试正常。

谷歌搜索对我没有帮助，我在 Stackoverflow 上找到的最接近的线程 wwas:

css chrome issue at footer cross browsers (IE,FF,Chrome)

这根本不是问题所在。

谁能给个建议？推测？任何事物？ :)

谢谢。

Answer 1

您的帖子是 float 的，父元素永远不会展开以包含 float 元素，因此您需要“清除 float ”。一种方法是将“溢出:自动”添加到您的部分元素。这会导致父级扩展溢出元素。但是，当您在该页面上添加更多帖子或元素时，我没有检查这是否是最佳位置或方法。

您可以通过 Google 或在 SO 上搜索“clear floats”以获取更多信息和方法。