ミニハイトがボディと連動しない
2023-12-07 08:43:08
質問
min-heightはbody/htmlでは機能しないのでしょうか?
body, html
{
min-height:100%;
}
全く何もしない(firebugではbody,htmlタグの高さが全く変わらない)。
どうすればいいのでしょうか?
まず、doctypeを宣言して、まだの場合は標準に合わせます。
さて、bodyはhtmlを含む高さまでしか表示できないので、HTMLタグの高さを100%に、bodyをmin-height100%に設定する必要があります。これは Firefox で動作します。
html {height:100%}
body {min-height:100%}
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] BootstrapのCollapse Navbarが動作しない
-
[解決済み] cssのfit-contentで横幅を自動サイズ調整する
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] HTMLでBase64画像を表示する方法
-
[解決済み] CSS 100% height と padding/margin の関係
-
[解決済み] .css()を使って!importantを適用するには?
-
[解決済み] JavaScriptで要素にクラスが含まれているかどうかを確認する?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] 複数のノンブレイキングスペース("nbsp")ではなく、タブスペースを使用しますか?
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?
-
[解決済み] メモ帳++でXML/HTMLを自動整形/インデントする方法
-
[解決済み] HTMLのdiv要素とspan要素の違いは何ですか?
-
[解決済み] div内の画像の下に余分なスペースがある