某些浏览器中的 CSS Float 问题？

Question

这是我的第一篇文章，我很高兴能加入这个社区！ :)

我从 IT/SysAdmin 跳槽，为自己工作，做网页设计/开发。我需要释放我的创造力！

随着知识的增长，我期待学到很多东西并尽我所能提供帮助！

-- 好的，这是我的问题。我在这方面非常陌生，我的第一个项目是在一个月内为慈善舞会创建一个实物网站。我已经开始使用我所知道的 CSS 和 HTML 来布置它（只复制了导航菜单的 CSS 的某些部分）。在 Chrome 中，网站看起来就像我想要的那样！在 IE、Safari 和 Firefox 中，我的浮动元素不在正确的位置！另外 - 我做了一个 3 列布局，它也从我想要的位置移动，除了在 Chrome 中。

我应该使用位置属性而不是浮动这些元素吗？

希望我不会要求任何人就如何解决这个问题给我一些合理的建议，并且我也可以将其应用于所有未来的网站！我尝试过干净有序的网站布局。我已经完成了 Lynda.com 的 HTML 和 CSS 教程。不过，这与现实世界的体验完全不同！

我没有什么可提供的，但我可以 +1 你的回复，或者这个论坛可以正常工作！哈哈 - 非常感谢所有帮助！

到目前为止，我已经花了 10 个小时来构建网站，但其中包括图形。如果在另一篇文章中找到我的答案，我深表歉意。我现在要睡觉了——因为我还是新手——我想回复会比我浏览一篇又一篇文章并尝试多种方法来解决我的问题要快。

网站在：http://www.niagaramasquerade.com/Untitled-2.html

非常感谢大家！ - 亚伦齐泰罗

Answer 1

尝试在容器 div 上添加 clear:both：

#col_container {
    clear: both;
    margin-top: 104px;
}