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

海の森 SOHOデザイン ブログ

CSSで最低の高さを設定

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

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

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

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

関連記事

  1. CSSで最大の高さを設定

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

  3. 画像の下の余白をなくす

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

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

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

コメント

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

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

CAPTCHA


おすすめ記事

  1. wordpressで「致命的なエラーをチェックするためにサイトと通信できないため、PHP の変更は取り消されました。SFTP を使うなど、他の手段で PHP ファイルの変更をアップロードする必要があります。」と出た場合
  2. Adobe Illustrator CC 2018の表示が崩れる
  3. SEO対策としてディスクリプション(descriptionタグ)の最適な文字数は
ページ上部へ戻る