max-height
設定元素的最大高度。
語法
{ max-height: sMaxHeight }
可能的值
sMaxHeight
指定元素高度上限的變數：
length |
浮點數，後面接著絕對單位指示項 ( cm 、 mm 、 in 、 pt 或 pc ) 或相對單位指示項 ( em 、 ex 或 px )。 如需支援之長度單位的詳細資訊，請參閱 長度單位參照。 |
percentage |
整數後面接著百分比符號 (%)，用來指定包含區塊高度的百分比，以作為元素最大高度使用。如果沒有明確設定包含區塊的高度，元素就不具備最大高度，而且 max-height 屬性會被解譯為 0% 。如需有關包含區塊以及如何計算其高度的詳細資訊，請參閱 Cascading Style Sheets (CSS), Level 2, Revision 1 (CSS2.1) (階層式樣式表 (CSS) 層級 2 修訂 1 (CSS2.1)) |
此屬性沒有預設值。此階層式樣式表屬性不是繼承屬性。
備註
min-height 和 max-height 屬性會套用至浮動與以絕對方式定位的區塊層級元素及內嵌區塊元素，也會套用至某些內建控制項。它們不會套用至非取代的內嵌元素，例如表格欄和列/欄群組 (「取代的」元素具有內建尺寸，例如 img 元素或 textarea 元素)。
此屬性只有在精確 !DOCTYPE 下才會啟用。
範例
下列範例顯示 min-height 與 max-height 屬性如何影響 DIV 元素的版面配置：
<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Strict//EN">
<html>
<head><style>
.height {
float:left;
width:300px;
background:#fff;
margin:0 1em;
}
#example1 {min-height:200px;}
#example2 {max-height:100px;}
.content {
border :1px solid #c00;
padding:5px;
}
</style>
</head>
<body>
<div class="height" id="example1">
<div class="content">
<h2>{min-height:200px }</h2>
<p>The height of this div is always at least 200px.<br/><br/>
The content does not fill the entire div.</p>
</div>
</div>
<div class="height" id="example2">
<div class="content">
<h2>{max-height:100px}</h2>
<p>This div will not grow more than 100px in height.<br/><br/>
The content that does not fit in the div continues beyond it.</p>
</div>
</div>
</body>
</html>
標準資訊
您可以在 Cascading Style Sheets (CSS), Level 2 (CSS2) (階層式樣式表 (CSS) 層級 2 (CSS2)) .png "Ee371262.xtlink_newWindow(zh-tw,Expression.40).png")
找到此屬性的定義。
適用範圍
a, abbr, acronym, b, bdo, big, blockquote, body, button, caption, center, cite, code, custom, dd, defaults, del, dfn, div, dl, dt, em, embed, fieldset, font, form, frameset, frame, hn, i, iframe, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, ins, li, object, ol, p, q, s, span, sub, table, td, th, tt, u, ul, var, xmp