水平スクロールの原因を特定できません

thisサイトでは、ページに水平スクロールがあります。どの要素が水平スクロールバーを表示させているのか理解できません。水平スクロールの原因を特定できません

2017-05-01 Fahad Uddin

.home-quotes { 幅：100％; オーバーフロー：非表示。 } –

.quote-wrapper__diagonalを3度回転させたため、ページ幅よりも長くなっていました。 .slick-trackも長くなります。したがって、ページ幅よりも長い2つの要素があります。

は、彼らの共通の親.home-quotesにoverflow: hiddenを追加すると、良いことがあります：あなたの滑らかなトラッククラスの

.home-quotes { overflow: hidden; }

出典

2017-05-01 05:57:40

横スクロールがまだ残っていて、それが.quotes-wrapper__diagonal divを持たないページにある場合でも、それを削除しても。 –

ここはページです：http://demacmedia.com/blog –

http://imgur.com/a/1KozZ。それを見つける方法はかなり簡単です。本文のページから要素を削除し、スクロールバーが消えるかどうかを確認します。 '.subnav'を削除したときにスクロールバーが消えてしまったので、スクロールバーが表示されていることを確認できました。次に、 '.subnav'内の要素を手動で調べました。 –

CSSの幅もほとんどの画面よりも広くなっている6000代の画素に設定されている

出典

2017-05-01 06:15:02 amaclean

これを最小にしても、水平スクロールは削除されません。 –

水平スクロールの原因を特定できません

答えて

関連する問題