HTMLページの内容が_html/css_WEB-ITnoseを超えると水平スクロールバーが表示される問題

私はこの問題に何度か遭遇し、それを解決するのにかなり熟練しました。

この問題は通常、HTML またはページの内部要素の幅が超過した場合に発生します。

以下は私が遭遇したいくつかの状況の要約です:

1. 内部要素の幅は 100% に設定されますが、境界線の幅も幅に含まれません。したがって結果は超えています。

2.span inline 要素は、inline 要素であり、display:block などがないため、幅の設定は役に立ちません。結果として、最初に作成したときは、この問題に気づきませんでした。 Google Chromeでは問題ありませんでしたが、IEでは問題が発生し、後でspanをdisplay:block;に設定したところ、問題は解決しました。

PS: 幅を 100% に設定した要素の場合は、境界線、マージン、パディングに注意し、画面範囲を超えないよう注意してください。

画面範囲を超える内部要素を探す場合、通常、ページをいくつかの主要なセクションに分割してターゲットを除外します (つまり、セクションを削除し、残りのセクションによって水平スクロール バーが表示されるかどうかを確認します。まだ表示されている場合は、セクションが正常であることが証明されます。そうでない場合は、このセクションが探しているターゲット セクション (「犯人」) です。その後、内部要素が見つかるまで、超過の原因となったセクションでクエリを続けます。

この方法は非常に愚かです。ページのコンテンツが超過する原因となっている内部要素を素早く見つける方法について、皆さんの経験を共有して議論していただければ幸いです。O(∩_∩)Oありがとうございます。