閉じる
閉じる
閉じる
  1. SEO対策としてディスクリプション(descriptionタグ)の最適…
  2. SEO対策としてタイトルタグ(titleタグ)の最適な文字数は
  3. wordpressでプラグインを使わずに画像をランダム表示させる
  4. Illustrator CC 2015で配置画像を収集する方法
  5. デザイン変更しました
  6. WordPressのユーザー権限の日本語表記と英語表記
  7. Thunderbird(サンダーバード)の左側のメールフォルダが表示さ…
  8. wordpressプラグイン「WP Slimstat」を日本語化する方…
  9. スマホで幅をデバイスサイズに合わせる方法
  10. AppleID作成でクレジットカードなしが表示されない
閉じる

海の森 SOHOデザイン ブログ

CSSで最低の高さを設定

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

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

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

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


関連記事

  1. CSSで最小の長さを設定

  2. 高さの異なるボックスを揃えるCSS

  3. CSSで最長の長さを設定

  4. 長いURLや半角英数字などを自動改行(折り返し)させる方法

  5. 不要なスクロールバー非表示

  6. スマホで見た際にwidth100%なのに途中で背景色が切れる

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


ピックアップ記事

  1. こんにちは。SOHOデザイナーを目指しているAquaForest-アクアフォレスト-です。…
  2. こんにちは。SOHOデザイナーのAquaForest-アクアフォレスト-です。CSSで「…
  3. こんにちは。SOHOデザイナーを目指しているAquaForest-アクアフォレスト-です。…
ページ上部へ戻る
Top