html - 为什么body标签使用滚动条？

Question

我的网站不必要地显示水平滚动条。右侧似乎有一个额外的 260 像素宽度。我正在使用 960gs 网格系统。

http://dev.keep-austin-level.gotpantheon.com/

有什么建议么？

Answer 1

看来问题出在您的div#footer-menu.

您可以使用其中的ul.menu内容来正确安装或执行类似的操作

#footer-menu{
overflow-x: hidden;
}

Answer 2

您可以将 facebook like 按钮的宽度更改为合理的值，或者将溢出设置为隐藏。

Answer 3

问题在于 和 的#footer-menu ul.menu定义#footer-menu ul.menu li。在这两种情况下，您都在使用left: 50%which 移动块。如果您想将它向右对齐，请删除这两个left: 50%并添加float: right到#footer-menu ul.menu.

如果你想让它们居中，你可以这样做：

#footer-menu ul.menu {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display: inline-block;
    text-align: center;
}

#footer-menu ul.menu li {
    position: relative;
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 6px 6px;
    display: inline-block;
}