maxHeight属性设置/返回元素的最大高度。 maxHeight属性仅影响block-level元素，绝对或固定位置元素。
用法:
它用于设置maxHeight属性：
object.style.maxHeight = "none|length|%|initial|inherit"
它用于返回maxHeight属性：object.style.maxHeight
示例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属性>列出如下：
谷歌浏览器
Edge
火狐浏览器
Opera
Safari
