【css】どうしても見つからない横スクロールが出る原因の見つけ方【検証】

横スクロールが出る理由はwidthとmarginが合わせて100%を越えている、またはpxなどで横幅が固定されていてある一定のサイズからスクロールが出てしまう。 あるいはposition: absolute;を指定した要素が領域をはみ出しているなど理由はさまざまあります。 ブラウザの検証機能をうまく使えばある程度簡単に横幅からはみ出した要素を見つけることができますが、時には探しても探してもなかなか見つからない時ってありますよね？ そんな時は検証で要素を1つずつ消しちゃえばいいじゃない。 つまりこういうことです。 メジャーなブラウザの検証モードには選択した要素を消去する機能があります。 つべこべ言わずに実際にやってみましょう。 不運にも横スクロールが出てしまったページを用意しました。 今回はChromeで撮ったスクショを元に解説しますが、同時にFirefox、Edge、IEの場合も補足します