css - Web ページの横スクロール [ページ幅の問題]

Question

クライアントの 1 つのテスト html ページを作成しました。ページの幅に問題があります。どの div がページ全体の幅を水平方向にスクロールさせているのかわかりません。誰でも指摘したり、支援を提供したりできますか。スクロールを止めたい。テストページのリンクはここにリンクの説明を入力してください ありがとう

Answer 1

width:50%;あなたはあなたのID#nextと#prev組み合わせに与えています。width:auto;に別に与える#next。それはあなたの問題を解決します。:)

Answer 2

次のボタンの幅は 50% です。body タグである直接の親から計算されます。そのため、最終的にブラウザ ウィンドウの 50% になります。

ショートカットの解決策はoverflow-x: hidden、bodyタグに設定することです。

Answer 3

以下を削除するだけです：

right :-479px; from  #next 

Answer 4

この要素:

<a title="Show next" id="next" href="#" style="display: block;" class="">
</a>

は幅50%、layout.css63行目より

#prev, #next {
 background-color: rgba(255, 255, 255, 0.698);
 display: block;
 height: 509px;
 position: absolute;
 top: 130px;
 width: 50%;  <--- here
}