私のウェブサイトには水平スクロールバーが現れ、ページの幅が広がりました。最後に私がやったことは、私のページの右側のサイドバーにウィジェット（別のウェブサイトに写真をリンクする）を追加することでした。私はウィジェットを削除しましたが、横のバーはまだページの下部に残っていて、ウェブページはまだ広すぎます。ページを通常の水平方向の寸法に戻したり、水平スクロールバーを表示させたりするのを手伝ってください。おかげ私のウェブサイトの水平バーを取り除く方法
は、ここでの問題は、あなたのフッターに関係しているウェブサイト www.runningnurse.com
：スクロールバーはこれです削除することを効果のための代替スタイル子供の要素として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の中で見たときのエラーの多くは影響を与えるかもしれないが含まれているという事実をさまざまなブラウザで。
あなたは男です！私はあなたが提案したことを正確に行い、サイトが修正されたことを歓迎します。私はまだウェブサイトのゲームの初心者です。私はあなたの解決策を研究してそれから多くを学ぶでしょう。 – reggie
ちょっとFivedigitあなたは私が問題を引き起こしていたフッターだったことをどのように把握できましたか？ありがとうございました – reggie
私はOperaの開発ツールを使用しました。しかし、すべての主要なブラウザには、常にDOMインスペクタが含まれているようなツールがあります。表示しているページとうまく統合されています。ページの要素またはDOMインスペクタのいずれかの要素をホバリングするだけで、要素のサイズがボックスとして表示されるので、サイズと位置を簡単に把握できます。 – fivedigit
です：
は#footer{width:947px}を追加し、それが私のために水平スクロールバーを取り除きます。
locrizak正しいトラックにあった提案をありがとう、それはフッターだった。私はこれを解決するために時間を割いてくれてありがとう！ – reggie
簡単な方法の1つは、bodyタグのオーバーフローを隠すことです。
body {
overflow-x: hidden;
}
利用オーバーフロー-X
ありがとうございましたj08691、問題はフッターにありました。私はあなたの提案を試して、ブラウザのバーを削除しますが、Firefoxでは、マウスを使ってページを右にスクロールできます。サファリでそれは正常に動作します...すべての助けに感謝!! – reggie
フッターでは、インラインCSSでdiv要素があります。
position:relative;left: 119px;
サイトがスクロールしているどのくらい正確です。問題はフッターにあるulのdiv子要素は、（ul要素のみが持つことになっているので、それはあまりにも広いです
padding-left:119px; overflow:hidden;
AlienWebguyあなたは素晴らしいです、問題はフッターにありました。これを手伝ってくれてありがとう！ – reggie
フッターが長すぎます – Ibu
なぜ人々はこれをdownvotingですか？ – egrunin
いいえ、考えられません。 Uprightされているのは – AlienWebguy