html - CSS全幅横スクロール

Question

次のWeb サイトを完成させたところですが、読み込むと余分なスクロールが発生するようです。

この問題を解決する理由と方法について、フィードバックをお寄せください。

ここにコードを投稿できますが、過去数日間に行った以前の質問のほとんどの人は、実際の例のように

score 4 · Accepted Answer

そのため、フッターの NAV 要素には負の右マージンがあり、水平方向のオーバーフローが発生し、スクロールバーが表示されました。あなたの意図は、ナビゲーション項目をさらに右に移動することだったと思います。

スクロールバーを取り除くには、負のマージンを削除し、代わりに NAV の幅を適切な値に設定します。

score 2 · Accepted Answer

2

次の行をラッパーに追加してみてください

overflow-x: hidden;

于 2012-06-03T21:49:54.757 に答える

score 0 · Accepted Answer

この css プロパティを<div id="wrapper">要素に追加してみてください:

overflow-x: hidden;

オーバーフロー x プロパティの公式ドキュメントについては、このリンクを確認してください。

CSS は次のようになります。

#wrapper {
     width: 100%;
     height: 100%;
     min-height: 100%;
     position: absolute;
     overflow-x: hidden;
}

Mac OS の Safari (バージョン 5.1.7)、Firefox (11.x)、Google Chrome (19.x) で試してみましたが、魅力的に動作します。

それが役に立てば幸い！

3 に答える 3