页面右列在左列下推?

时间:2014-04-11 01:53:04

标签: php html css layout webpage

我最近推出了我的新网站,一切都很棒,但突然之间,正确的列已经将自己推到了左栏和左栏下方。我不知道是什么导致了这一点,因为没有任何改变,所有的css / html看起来与我的其他索引文件相比(我有一个平坦的html索引文件,在我构建页面布局时没有php)

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

正如您所看到的那样,正确的列已将其自我向下推向左侧http://puu.sh/840fQ.jpg

我一直在寻找差不多一个小时,试图找出原因,以及如何解决它(所有列宽都应该是这样,并与我的工作index.html模板文件相匹配)。

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

2 个答案:

答案 0 :(得分:0)

当我减少#left_col的宽度时,右边的col会弹出。

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

更新二:

我添加了一个带有clearfix类的div,它在浮动列之后具有clear:both的css样式,并且您的页脚返回到页面底部:

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

当浮动元素时父元素被折叠,这就是为什么你的页脚被推高了。添加清除:两者都是修复折叠div的一般方法。

答案 1 :(得分:0)

  

检查CSS中的float:right,right-padding,margin-right以及你的内联   如果你有任何风格。右键单击并检查元素以查看哪些样式   被继承。如果内容发生变化,上述三项内容可能会受到影响。