ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSで垂直スクロール可能なDivを作成するにはどうすればよいですか?

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

Susan Sarandon
リリース: 2024-12-16 02:49:08
オリジナル
796 人が閲覧しました

How to Create a Vertically Scrollable Div with CSS?

CSS を使用した垂直スクロール Div

質問:

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

答え:

div を垂直にスクロールするには、正しい値でオーバーフロー プロパティを指定することが重要です。

の構文オーバーフローは次のとおりです。

overflow: <value>;
ログイン後にコピー

Where

  • visible: コンテンツが div をオーバーフローした場合でも、スクロールバーは表示されません。
  • hidden: コンテンツが div をオーバーフローした場合にのみスクロールバーが表示されます。
  • scroll: コンテンツが画面からはみ出さない場合でも、スクロールバーは常に表示されます。 div.
  • auto: コンテンツが指定された方向で div をオーバーフローした場合にのみスクロールバーが表示されます。
  • inherit: 親要素からオーバーフロー プロパティを継承します。

縦スクロール用のみ:

  • overflow-y を使用: スクロール;コンテンツが div の高さを超えるかどうかに関係なく、垂直スクロールバーを強制的に表示するには、
  • overflow-y: auto; を使用します。コンテンツが div の高さを超えた場合にのみ垂直スクロールバーを表示します。

たとえば、高さ 400 ピクセルで垂直方向にのみスクロール可能な div を作成するには:

<div>
ログイン後にコピー

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート