mozilla

min-height

概述

min-height CSS属性用来设置给定元素的最小高度.如果height属性设置的高度比该属性设置的高度还小,则height属性会失效.

  • <dfn style=" display:table-cell; padding: 0 5px; border-bottom: none; cursor:inherit;">初始值:</dfn> 0
  • <dfn style=" display:table-cell; padding: 0 5px; border-bottom: none; cursor:inherit;">适用元素:</dfn> block level and replaced elements
  • <dfn style=" display:table-cell; padding: 0 5px; border-bottom: none; cursor:inherit;">可继承:</dfn> no
  • <dfn style=" display:table-cell; padding: 0 5px; border-bottom: none; cursor:inherit;">是否可为百分比:</dfn> 是
  • <dfn style=" display:table-cell; padding: 0 5px; border-bottom: none; cursor:inherit;">Media:</dfn> visual
  • <dfn style=" display:table-cell; padding: 0 5px; border-bottom: none; cursor:inherit;">计算值:</dfn> 百分比或者指定的绝对高度

语法

min-height:  <length> | <percentage> | inherit 

<length>
一个固定的最小高度. 查看<length>了解可用的长度单位.
<percentage>
<percentage>值是根据包含该元素的父元素的高度计算得来的,如果该元素的父元素没有明确的指定高度,则该百分比相当于0.

例子

查看在线演示 (该演示目前不可用)

table { min-height: 75%; }

form { min-height: 0; }

备注

min-height的优先级高于max-heightheight.

规范

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 7.0 7.0 1.0
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1) 6.0 6.0 1.0

相关链接

box model, min-width, box-sizing, height, max-height

文档标签和贡献者

向此页面作出贡献: ziyunfei
最后编辑者: ziyunfei,