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

时间:2011-08-12 20:31:01

标签: html css webkit

我正在开发的网站存在轻微问题。我的身体内容与页脚div相撞,部分隐藏在其后面,并推出了页脚内容。

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

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

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

谷歌搜索没有帮助我,而且我发现最接近Stackoverflow的帖子是:

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

根本不是问题。

任何人都可以提供建议吗?推测?什么? :)

感谢。

1 个答案:

答案 0 :(得分:2)

您的帖子是浮动的,父元素永远不会展开以包含浮动元素,因此您需要“清除浮动”。一种方法是在section元素中添加'overflow:auto'。这会导致父级扩展溢出元素。但是,我没有检查当你在该页面上添加更多帖子或元素时,这是否是最好的地方或方法。

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