【问题标题】:Footer Positioning Problem页脚定位问题
【发布时间】:2011-05-09 21:05:15
【问题描述】:

Here(在 Chrome 10 上)页脚似乎与侧栏对齐(离右侧太远),而不是像它应该的那样居中。

我没有编辑页脚的 CSS。发生这种情况时,我正在编辑侧边栏和索引,但它位于页面下方,直到后来我才注意到,所以我不知道问题出在哪里。

欢迎提出任何建议!谢谢你:)

塔拉

更新:我检查了所有 DIV 是否正确关闭。侧栏中缺少一些,那是fixed the problem on the front page,但not on sub pages or articles。现在顶部(菜单下方)出现一条黑线,似乎是#footer!!。我不明白它为什么会在那里。

【问题讨论】:

  • 这不是 CSS 问题,您的页脚容器在您的右栏内。我建议将其设置在#wrapper 的底部并验证您的 html,缺少一些 div
  • 谢谢@Rito 我试过了,它修复了主页,但由于某种原因没有修复其他页面:(仍在努力......
  • 页脚正在工作! @Rito 是对的,我错过了一个 div。不幸的是,内容的侧边框现在不见了......

标签: html css footer


【解决方案1】:

您的包装器#casing 包含浮动元素,这些元素不会被后续元素清除。

#casing { overflow: hidden; }

这应该为现代浏览器修复它。我推荐this article 以获得更好的理解和其他清算解决方案。

【讨论】:

  • 谢谢@rito,你帮了大忙
【解决方案2】:

您需要通过将clear: left; 添加到您的#footer css 来清除浮动元素。

【讨论】:

  • 谢谢@Dave,我会试试这个,虽然它现在似乎已修复,所以我无法判断它是否有影响 - 但页脚确实会无缘无故地移动不时地希望这会有所帮助=)
猜你喜欢
  • 2020-01-02
  • 2011-07-06
  • 1970-01-01
  • 2012-12-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-05-28
  • 1970-01-01
相关资源
最近更新 更多