php - 页面右栏推到左栏下方？

Question

我最近推出了我的新网站，一切都很好，但突然之间，右栏将自己推到左栏下方并向左移动。我不知道是什么原因造成的，因为没有任何改变，所有的 css/html 与我的其他索引文件相比看起来都一样(当我构建页面布局时，我有一个没有 php 的平面 html 索引文件)

这是我的网站:http://www.survivaloperations.net/

如您所见，右列已将其自身向下和向左推 http://puu.sh/840fQ.jpg

我已经找了将近一个小时，试图找出造成这种情况的原因，以及如何解决它(所有列宽都符合它们应有的宽度，并与我的工作 index.html 模板文件相匹配)。

欢迎提出任何想法/意见/建议，非常感谢!

Answer 1

当我减小 #left_col 的宽度时，右边的列会在它旁边弹出。

更新:当我从 .content_wrap div 元素中删除 overflow: auto 时，菜单似乎返回到它的正确位置。

更新二:

我在 float 列之后添加了一个类为 clearfix 的 div，它具有 clear:both 的 css 样式，您的页脚返回到页面底部:

<div class="content_wrap">
  <div id=left_col></div>
  <div id="right_col"></div>
  <div class="clearfix"></div>
</div>

当 float 元素时，父元素会折叠，这就是为什么你的页脚被推高了。添加一个 clear:both 是修复折叠 div 的一般方法。