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))中定义。
应用于
A、ABBR、ACRONYM、ADDRESS、APPLET、B、BDO、BIG、BLOCKQUOTE、BUTTON、CAPTION、CENTER、CITE、CODE、CUSTOM、DD、DEL、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FONT、FORM、FRAME、FRAMESET、HN、HR、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、OPTION、P、Q、RT、RUBY、S、SELECT、SPAN、SUB、TABLE、TD、TH、TR、TT、U、UL、VAR、XMP