CSSで最低の高さを設定

この記事は2012年6月に公開したものです。ソフトウェアやサービスの仕様が変わり、現在の情報と異なる場合があります。

こんにちは。
SOHOデザイナーを目指しているAquaForest-アクアフォレスト-です。

ホームページを作っていると背景に画像を付けている場合やある程度の余白を取っておきたい場合など最低の高さを決めてコンテンツの内容に応じて自動で幅を増やしたい場合があります。
ですが実際にはブラウザや環境（特にIE）などにより思う様にできないことが多かったです。
そこでスタイルシートに下記の設定をすればほぼ、すべてのブラウザで最低の高さを保つ事ができます。ぜひお試し下さい。

#box {
    min-height:300px;
    height:auto !important;
    height:300px;
}

数値やスタイル名は変更してください。