エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【CSS】要素の高さの最小値を指定する記述法(クロスブラウザ対応)|株式会社アクトゼロ|クリエイティブブログ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【CSS】要素の高さの最小値を指定する記述法(クロスブラウザ対応)|株式会社アクトゼロ|クリエイティブブログ
今回は簡単なCSSのチップスをご紹介します。 CSSで、要素の高さの最小値を指定するのは「min-height」で... 今回は簡単なCSSのチップスをご紹介します。 CSSで、要素の高さの最小値を指定するのは「min-height」です。 min-heightの使いどころ コーディングをする方ならわかると思いますが、 高さの最小値を指定するプロパティ「min-height」…意外と使いどころが多いですよね。 例えば、左右の要素が並んでいて、ちょうど同じ高さにして綺麗に並べたい場合や、 とりあえず領域を確保しておきたい場合など…。 「height」で指定してしまうと要素の中のコンテンツが多くなったり、ブラウザの機能で文字サイズが大きくされた時にコンテンツが指定した要素から溢れてしまうことがあるので、やはり「min-height」の方がベターです。 残念ながらこの「min-height」はIE6では動作しません。 ですので、IE6にも対応した記述法をしなければなりません。 結論から書きますと以下のように記述しま