如何摆脱我网站的横条

Question

我的网站上出现了一个水平滚动条，页面现在比以前更宽。我记得做的最后一件事是添加一个小部件（将图片链接到另一个网站）到我页面的右侧边栏。我删除了小部件，但水平栏仍然保留在页面底部，网页仍然太宽。你可以帮我把页面恢复到正常的水平尺寸，没有水平滚动条。感谢

这是网站 www.runningnurse.com

Answer 1

在你的页脚中你有一个带内联CSS的div：

position:relative;left: 119px;

这正是网站滚动的程度。该效果的另一种方式是删除滚动条：

padding-left:119px; overflow:hidden;

Answer 2

问题与你的页脚有关：

添加#footer{width:947px}，它为我删除了水平滚动条。

Answer 3

一种简单的方法是隐藏身体标签上的溢出。

body {
overflow-x: hidden;
}

使用overflow-x

Answer 4

问题出现在页脚中，因为div（ul元素的ul子元素只有li作为子元素，所以它太宽了！）位于左侧。

您可以在页面底部找到此HTML：

<div id="footer">
    <ul class="footer-links">
        <div style="position:relative;left: 119px; "></div>
    </ul>

请改用：

<div id="footer">
    <ul class="footer-links" style="margin-left: 133px;">
        <div>...</div>
    </ul>

此外，HTML包含大量错误的事实可能会在不同浏览器中查看时产生影响。

Answer 5

在@ j08691建议中，使用overflow:hidden，您的问题就会得到解决。