ホームページ > ウェブフロントエンド > CSSチュートリアル > Div を一貫してフルスクリーンにするにはどうすればよいですか?

Div を一貫してフルスクリーンにするにはどうすればよいですか?

Susan Sarandon
リリース: 2024-12-03 10:49:10
オリジナル
395 人が閲覧しました

How Can I Make a Div Consistently Full Screen?

Div を一貫して全画面表示にする

内容に関係なく、div を全画面表示にしたいとします。これは可能ですか?

はい、可能です。

次の CSS ソリューションは、内容に関係なく、一貫して div を画面の高さいっぱいまで埋めます。

html, body {
  height: 100%;
  margin: 0;
}

#wrapper {
  min-height: 100%
}
ログイン後にコピー

4 つの CSS 属性を設定する必要があります。そのうちの 1 つであるラッパー div の min-height は、IE を満足させるためにのみ適用する必要があります。

以上がDiv を一貫してフルスクリーンにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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