06.max-heightプロパティは、ボックスサイズの高さの最大値を指定します。
親ボックスの高さより大きな値を設定した場合は、親ボックスで入力した高さが優先されます。入力した文字列が、指定した高さ以上の長さになった場合は、指定したボックスをはみ出して表示されます。高さが確定しておらず可変にしたい場合は、100%を指定するかもしくは、未指定にします。
※IE6以前のブラウザは未対応です。
適用要素:すべての要素(置換要素以外のインライン要素とcol要素、colgroup要素を除く)
※★CSS
.box4 {
width: 300px;
max-height: 100px;
background-color:#ffccc5;
}
※★HTML
<div class="box4">①横幅300px/最大高さ100px</div>
box4横幅300px/最大高さ100px
box5横幅300px/最大高さ100px
box6横幅300px/最大高さ100px