【CSS】画面が左右に動いてしまう問題

サイト制作をしているときに、画面が左右に動いてしまい、スクロールが不安定になってしまうことがありました。

そこで対策方法がわかったので共有します。

最初に、はみ出ている要素がないか確認します。

padding等で、横幅100％からはみ出していることがあるので、確認しました。

デベロッパーツールで確認したりしましたが、いくつか見つけて修正するも、解決しませんでした。

その次に下記のようにCSSに追加しました。

これで解決しました↓

body {
overflow-x: hidden;
}

強制的に見えなくするような感じになるようです。