我正在开发的网站存在轻微问题。我的身体内容与页脚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)
根本不是问题。
任何人都可以提供建议吗?推测?什么? :)
感谢。
答案 0 :(得分:2)
您的帖子是浮动的,父元素永远不会展开以包含浮动元素,因此您需要“清除浮动”。一种方法是在section元素中添加'overflow:auto'。这会导致父级扩展溢出元素。但是,我没有检查当你在该页面上添加更多帖子或元素时,这是否是最好的地方或方法。
您可以Google或在SO上搜索“clear floats”以获取更多信息和方法。