HTML | DOM 样式 maxHeight 属性

maxHeight 属性设置/返回元素的最大高度。
maxHeight 属性仅影响块级元素、绝对或固定位置元素。

句法：

• 它用于设置 maxHeight 属性：

  object.style.maxHeight = "none|length|%|initial|inherit"
  

• 它用于返回 maxHeight 属性：

  object.style.maxHeight
  

Example-1：使用长度单位设置元素的最大高度。

  

    DOM Style maxHeight Property 


    #Geek1 {
        color: white;
        height: 100px;
        background: green;
    }

  

    
         
                GeeksForGeeks 
            
        DOM Style maxHeight Property 
        
        
            Click to change
        
        
        
            function mygeeks() {
                
                // Set maximum height using 
                // Using length unit.
                document.getElementById(
                  "Geek1").style.maxHeight =
                  "40px";
            }
        
    

  

输出

• 点击按钮前：
  
• 点击按钮后：
  

示例 2：使用“%”设置最大高度

  

    DOM Style maxHeight Property 


    #Geek1 {
        color: white;
        height: 50%;
        background: green;
    }
      
    #Geek_Center {
        background: yellow;
        width: 400px;
        height: 150px;
        margin-left: 150px;
        text-align: center;
    }

  

    
         
                GeeksForGeeks 
            
        DOM Style maxHeight Property 
        
        
            Click to change
        
    
    
        function mygeeks() {
            
            //set maximum height.
            document.getElementById(
              "Geek1").style.maxHeight = "35%";
        }
    

  

输出

• 点击按钮前：
  
• 点击按钮后：
  

支持的浏览器： HTML支持的浏览器 | DOM 样式 maxHeight 属性> 列表如下：

• 谷歌浏览器
• 边缘
• 火狐浏览器
• 歌剧
• 苹果浏览器