我最近推出了我的新网站，一切都很好，但突然间，右栏把自己推到了左栏下面和左边。我没有；我不知道是什么原因导致了这种情况，因为与我的其他索引文件相比，没有任何更改，所有的css/html看起来都一样（我有一个平面html索引文件，当我构建页面布局时，它没有php）
这是我的网站：http://www.survivaloperations.net/
正如你所看到的，右栏已经将自己向下推到了左边http://puu.sh/840fQ.jpg
我已经找了将近一个小时了，试图找出原因，以及如何修复它（所有的列宽都是应该的，并且与我正在使用的index.html模板文件匹配）。
欢迎任何想法/意见/建议，不胜感激！
当我减小#left_col的宽度时，它旁边会弹出右列。
update：当我从.content_wrapdiv元素中删除overflow: auto时，菜单似乎会返回到它的正确位置。
更新二：
我在浮动列之后添加了一个类为clearfix的div，其css样式为clear:both，页脚返回页面底部：
<div class="content_wrap">
<div id=left_col></div>
<div id="right_col"></div>
<div class="clearfix"></div>
</div>
当浮动元素时，父元素会被折叠，这就是为什么页脚被向上推的原因。添加clear：两者都是修复塌陷div的通用方法。
在CSS和内联中检查浮动：右侧、右侧填充、右侧边距造型，如果你有。右键单击并检查元素以查看样式被继承。如果内容发生了变化，上述三种情况都可能受到影响。