CSSで水平スクロールを防止する方法

1. body要素に対してオーバーフロープロパティを使用する方法:

   body {
   overflow-x: hidden;
   }

   この方法では、ページ全体の水平スクロールを無効にします。

2. 特定の要素に対してオーバーフロープロパティを使用する方法:

   .element {
   overflow-x: hidden;
   }

   この方法では、指定した要素内の水平スクロールを無効にします。.elementは、適用したい要素のクラス名やIDに置き換えてください。

3. 横スクロールバーを非表示にする方法:

   .element {
   overflow-x: scroll;
   scrollbar-width: none; /* Firefox用 */
   -ms-overflow-style: none; /* IE/Edge用 */
   }

   この方法では、水平スクロールバーを表示せずにコンテンツをスクロールできるようにします。

これらの方法を組み合わせて、必要な箇所で水平スクロールを防止することができます。適用する方法は、プロジェクトの要件やデザインに応じて選択してください。

なお、これらのコードを使用する際には、適用したい要素やセレクタに合わせて適切に修正してください。