CSS ボックスの高さ指定

質問

例えば
▼html側
-------------------------------------------------------------
<div id="hako">あいうえおかきくけこさしすせそ</div>
-------------------------------------------------------------

▼css側
-------------------------------------------------------------
#hako{
width:500px;
height:40px;
}
-------------------------------------------------------------
というソースで、あらかじめボックスの高さを指定しているとします。
この場合上記htmlの「あいうえお・・・」の部分の文量が多くなり
テキストが2行3行となった場合、IEではその文量に応じてボックスの高さが伸びますが、
Firefoxではheight:40px;が不動のものになり、テキストがボックスの高さからあふれ出します。

これをFirefoxでもIEと同様にボックスの高さが可変するように出来ますか？

css側でheight指定をしなければ、IE,Firefox共に文量に応じて可変するのですが、
デフォルトで表示領域をある程度確保しておきたいのです。

回答No.1

ORUKA1951 · ベストアンサー

#hako{
width:500px;
min-height:40px;
}

お礼

ORUKA1951さん
回答ありがとうございました。
助かりました。