min-height

设置元素的最小高度。

语法

{ min-height: sMinHeight }

可能的值

sMinHeight

用于指定或接收元素的最小宽度的变量:

length

浮点数,后跟绝对单位指示符(cmmminptpc)或相对单位指示符(emexpx)。

有关支持的长度单位的详细信息,请参阅长度单位参考

percentage

后跟百分号 (%) 的整数,用于指定要用作元素最小高度的包含块高度的百分比。如果未显式设置包含块的高度,则元素没有最小高度,并且 min-height 属性将被解释为 0%。有关包含块以及如何计算高度的信息,请参阅 Cascading Style Sheets (CSS), Level 2, Revision 1 (CSS2.1)(级联样式表 (CSS),第 2 级,修订版本 1 (CSS2.1))规范。

此属性没有默认值。该属性不会被继承。

示例

以下示例显示为 TR 元素使用 min-height 属性的好处(对照于 height 属性):

<html>
<head><title>CSS Min-Height Property Example</title>
</head>
<body>
<table border ="1" style="table-layout:fixed; width:100%;">
  <tr>
    <td style="height:35px;background-color:#99CCFF">This cell has the
<strong>height</strong> property set to 35px. In Internet Explorer, overflow text
is clipped when <strong>height</strong> is set on cells or rows in fixed-layout tables.
Setting the <strong>min-height</strong> property, however, accomodates overflow text 
by increasing the cell or row height.</td>
  </tr>
  <tr>
    <td style="min-height:35px;background-color:#99CCFF">This cell has the
<strong>min-height</strong> property set to 35px. In Internet Explorer, overflow text 
is clipped when <strong>height</strong> is set on cells or rows in fixed-layout tables.
Setting the <strong>min-height</strong> property, however, accomodates overflow text
by increasing the cell or row height.</td>
  </tr>
</table>
</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

另请参见

概念

height

max-height

width

min-width

max-width