長さ
min-height 高さの最小値 max-height 高さの最大値
<div style="min-height:80px; max-height:120px; background:#def;">
こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは
</div>
こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは
</div>
同じソースを異なった大きさのフレームで表示しています。
*1 max-heightに関して、フレームやウィンドウなどの表示領域(View Port)の幅が狭くなった際にもボックスの高さの最大値を維持したまま横スクロールを期待したいところですが、ie7-、ff3、o9、sf4、gc2において横スクロールは行われず、内容が溢れて表示されます。改行やブロック要素を考慮したものと思われます。
*1 max-heightに関して、フレームやウィンドウなどの表示領域(View Port)の幅が狭くなった際にもボックスの高さの最大値を維持したまま横スクロールを期待したいところですが、ie7-、ff3、o9、sf4、gc2において横スクロールは行われず、内容が溢れて表示されます。改行やブロック要素を考慮したものと思われます。
%値
min-height 高さの最小値 max-height 高さの最大値
<div style="min-height:50%; max-height:75%; background:#def;">
こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは
</div>
こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは
</div>
同じソースを異なった大きさのフレームで表示しています。
*1 max-heightに関して、フレームやウィンドウなどの表示領域(View Port)の幅が狭くなった際にもボックスの高さの最大値を維持したまま横スクロールを期待したいところですが、ie7-、ff3、o9、sf4、gc2において横スクロールは行われず、内容が溢れて表示されます。改行やブロック要素を考慮したものと思われます。
*1 max-heightに関して、フレームやウィンドウなどの表示領域(View Port)の幅が狭くなった際にもボックスの高さの最大値を維持したまま横スクロールを期待したいところですが、ie7-、ff3、o9、sf4、gc2において横スクロールは行われず、内容が溢れて表示されます。改行やブロック要素を考慮したものと思われます。
none
min-height 高さの最小値 max-height 高さの最大値
<div style="min-height:80px; max-height:none; background:#def;">
こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは
</div>
こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは こんにちは
</div>
同じソースを異なった大きさのフレームで表示しています。
