如何在我的网站

摆脱单杠的水平滚动条出现在我的网站和网页，现在宽度大于它。我记得最后一件事是添加一个小部件（将图片链接到另一个网站）到我的页面的右侧边栏。我删除了小部件，但横条仍然保留在页面的底部，并且网页仍然太宽。你能帮我把页面恢复到正常的水平尺寸，并且没有水平滚动条。感谢如何在我的网站

这里是网站 www.runningnurse.com

2012-02-01 reggie

页脚过长 – Ibu 2012-02-01 18:36:07

为什么人们downvoting呢？ – egrunin 2012-02-01 18:40:15

不知道。 Upvoted以对抗 – AlienWebguy 2012-02-01 18:41:20

的问题是在页脚，它太宽，因为ul（ul元素的div子元素只应该有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包含在观看时有很多的错误可能给影响的事实在不同的浏览器中。

2012-02-01 18:41:57 fivedigit

fivedigit你是男人!!!!我完全按照你的建议和瞧，该网站被修复..感谢百万帮助我解决这个问题！我仍然是网站游戏的新手..我会研究你的解决方案，以从中学习更多..谢谢！ – reggie 2012-02-02 05:33:09

嘿Fivedigit你能告诉我你是怎么知道这是导致问题的页脚？谢谢 – reggie 2012-02-02 14:32:28

我使用Opera的开发工具。所有主流浏览器都有类似的工具，它们总是包含一个DOM检查器。它与您正在查看的页面很好地集成。通过将元素悬停在页面上或DOM检查器中，您可以将元素的大小看作一个框，因此很容易计算出它们的大小和位置。 – fivedigit 2012-02-02 16:53:12

的问题与您的页脚做：

添加#footer{width:947px}，它摆脱了我的水平滚动条。

2012-02-01 18:35:28 locrizak

locrizak感谢你在正确的轨道上的建议，这是页脚。感谢您花时间帮我解决这个问题！ – reggie 2012-02-02 05:39:27

一个简单的方法是将隐藏在身上的标签溢出。

body { 
overflow-x: hidden; 
}

使用溢出 - X

2012-02-01 18:38:50 j08691

谢谢j08691，问题出现在页脚上。我尝试了你的建议，它删除了浏览器中的栏，但在Firefox中，你仍然可以用鼠标将页面向右滚动。在safari中它工作正常......感谢所有的帮助！ – reggie 2012-02-02 05:37:32

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

position:relative;left: 119px;

这是该网站到底有多少滚动。对于效果这将删除滚动条的另一种风格是这样的：

padding-left:119px; overflow:hidden;

2012-02-01 18:40:14 AlienWebguy

AlienWebguy你真棒，问题是在footer..thanks一百万！感谢您花时间帮助我！ – reggie 2012-02-02 05:31:27

正如@ j08691建议，使用overflow:hidden和您的问题将得到解决。

2012-02-01 19:09:37 iuditg

谢谢luditg，问题是页脚...感谢所有的帮助！ – reggie 2012-02-02 05:37:56

不是问题:) – iuditg 2012-02-02 15:08:49

回答