1. ホーム
  2. html

ミニハイトがボディと連動しない

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%}