エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
height100%のボックスでフッターを配置 - CSS
記事へのコメント1件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
height100%のボックスでフッターを配置 - CSS
WEB標準(WEB準拠)CSSでフッターをウィンドウ画面の一番下に配置する。テーブルもフレームも使わず、CS... WEB標準(WEB準拠)CSSでフッターをウィンドウ画面の一番下に配置する。テーブルもフレームも使わず、CSSのみで「height100%」のレイアウト最下部にfooterを位置させるテクニック。 HTML <body> <div id="container"> <div id="main"> <h1>見出し</h1> <p>本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文</p> </div> <div id="foot">Copyright 2009 Saphire. All Rights Reserved.</div> </div> </body> スタイルシート html{ height:100%; } body{ height:100%; } * html div#container{ height:100%; } div#container