CSS のみを使用して Div を垂直方向にスクロール可能にするにはどうすればよいですか?

CSS を使用して Div を垂直方向にスクロール可能にする

垂直方向にスクロール可能な Div を作成しようとすると、CSS プロパティの overflow:scroll; を設定します。誤って水平スクロールと垂直スクロールの両方を許可してしまう可能性があります。スクロールを垂直軸のみに制限するには、CSS プロパティを調整する必要があります。

CSS プロパティの修正

プロパティ overflow-x は水平スクロールを制御します。 、一方、overflow-y は垂直スクロールを制御します。垂直方向のみのスクロールを確実にするには、次のいずれかの方法を使用できます。

垂直スクロールバーを強制する

垂直スクロールバーを常に表示したい場合は、コンテンツの高さを指定するには、

overflow-y: scroll;

を使用します。これにより、コンテンツが高さを超えない場合でも、垂直スクロールバーが強制的に表示されます。 div.

条件付き垂直スクロールバー

コンテンツが div の高さを超えた場合にのみ垂直スクロールバーを表示したい場合は、

overflow: auto;

これにより、コンテンツが高すぎて div の高さに収まらない場合にのみ、垂直スクロールバーが自動的に追加されます。

以上がCSS のみを使用して Div を垂直方向にスクロール可能にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。