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

CSS を使用して Div に垂直スクロール機能を作成する

問題:

div 要素セットオーバーフローあり: スクロールにより水平および垂直スクロールが可能になります。スクロールを垂直方向のみに制限するにはどうすればよいですか?

解決策:

CSS を使用して div を垂直方向にスクロール可能にするには、overflow-y のいずれかと一緒に overflow プロパティを指定します。または overflow-x.

オーバーフローの種類プロパティ:

• auto: コンテンツが定義された高さまたは幅を超える場合、スクロールバーを作成します。
• scroll: スクロールバーを強制します。内容に関係なく登場するsize.

特定の使用例:

常に垂直スクロールバーを表示:

overflow-y: scroll;

これにより、コンテンツが指定された値を超えない場合でも、垂直スクロールバーが表示されます。 height.

必要な場合のみ垂直スクロールバーを表示:

overflow: auto;

これにより、コンテンツが指定された高さを超える場合にのみ垂直スクロールが可能になります。コンテンツが高さ内に収まる場合、スクロールバーは表示されません。

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