divの高さをページの一番下まで伸ばす〜CSS - 素材の壺

テクノロジーカテゴリーの変更を依頼記事元:

www.materialpot.com

2 usersがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

divの高さをページの一番下まで伸ばす〜CSS - 素材の壺

【概要】 divに指定した背景画像をコンテンツの内容に関係なくページ一番下まで伸ばす方法。「HTML」 <... 【概要】 divに指定した背景画像をコンテンツの内容に関係なくページ一番下まで伸ばす方法。「HTML」 <html> <body> <div class="box">ボックスの高さを100%に</div> </body> </html> 「CSS」 html{ height:100%; } body{ margin: 0; padding: 0; height:100%; } body > .box { height: auto; } .box{ height:100%; min-height:100%; } divに何も指定していない状態だとコンテンツの内容によってボックスは下に伸びていきますが、高さをmin-height: 100%;と指定する事で最低限の高さが100%になるため、ページの一番下までボックスを伸ばす事が出来ます。これに加えて「html」「body」にもheight:

ブックマークしたユーザー

newnakashima2017/04/12
jay9262013/05/17

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx