Question

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

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

有什么建议吗？

Answer 1

问题出现在div#footer-menu。

您可以使用其中的ul.menu来正确使用或执行类似

的操作

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

Answer 2

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

Answer 3

问题在于#footer-menu ul.menu和#footer-menu ul.menu li的定义。在这两种情况下，您都使用移动块的left: 50%。如果您想将其与右侧对齐，请同时移除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;
}

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

3 个答案: