• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • max-height

    CSS属性 max-height 设置元素的最大高度。它防止height属性的使用值大于max-height的指定值。max-height会覆盖height,而min-height会覆盖max-height

    示例

    /* <length> value */
    max-height: 3.5em;
    
    /* <percentage> value */
    max-height: 75%;
    
    /* Keyword values */
    max-height: none;
    max-height: max-content;
    max-height: min-content;
    max-height: fit-content(20em);
    
    /* Global values */
    max-height: inherit;
    max-height: initial;
    max-height: unset;
    

    浏览器支持

    IE浏览器火狐浏览器opera浏览器chrome浏览器safari浏览器
    浏览器都支持max-height

    语法

    max-height:auto| <length>| <percentage>| min-content| max-content| fit-content()

    取值:

    • auto:浏览器将计算并选择指定图元的最大高度。
    • <length>:将最大高度定义为绝对值。参见<length>
    • <percentage>:将最大高度定义为包含块高度的百分比。必须是非负的。参见<percentage>
    • max-content:固有的最大高度。
    • min-content:固有的最小高度。
    • fit-content():将可用空间替换为指定参数,即 min(max-content, max(min-content, argument))。
    默认值auto
    适用于除非置换内联元素,table-row, table-row-group之外的所有元素
    继承性
    动画性
    计算值如果指定为长度,则为相应的绝对长度;如果指定为百分比,则为指定值;否则为auto

    例子

    table { max-height: 75%; }
    form { max-height: none; }
    

    上篇:min-height