我最近推出了我的新网站,一切都很棒,但突然之间,正确的列已经将自己推到了左栏和左栏下方。我不知道是什么导致了这一点,因为没有任何改变,所有的css / html看起来与我的其他索引文件相比(我有一个平坦的html索引文件,在我构建页面布局时没有php)
这是我的网站:http://www.survivaloperations.net/
正如您所看到的那样,正确的列已将其自我向下推向左侧http://puu.sh/840fQ.jpg
我一直在寻找差不多一个小时,试图找出原因,以及如何解决它(所有列宽都应该是这样,并与我的工作index.html模板文件相匹配)。
欢迎任何想法/意见/建议,非常感谢!
答案 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以及你的内联 如果你有任何风格。右键单击并检查元素以查看哪些样式 被继承。如果内容发生变化,上述三项内容可能会受到影响。