📌  相关文章
📜  HTML | DOM 样式 minHeight 属性(1)

📅  最后修改于: 2023-12-03 15:01:12.844000             🧑  作者: Mango

HTML | DOM 样式 minHeight 属性

介绍

在 HTML DOM 中，minHeight 属性设置元素的最小高度，即元素可以缩小到的最小高度值。

语法
object.style.minHeight="length|initial|inherit"
语法说明
  • object: 必选项。作用对象。
  • length: 可选项。规定元素最小高度。
  • initial: 可选项。设置该属性为默认值。
  • inherit: 可选项。从父元素继承该属性。
取值

属性值可以是以下任何 CSS 长度单位：

  • 像素
  • 英寸
  • 厘米
  • 毫米
  • 点（1/72 英寸）
  • 派卡（1/6 英寸）
  • 百分比
实例

以下示例演示了如何设置 minHeight 属性：

<!DOCTYPE html>
<html>
<head>
	<title>minHeight</title>
	<meta charset="utf-8">
	<style type="text/css">
		#box{
			background-color: #f5f5f5;
			min-height: 500px;
		}
	</style>
</head>
<body>
	<div id="box"></div>
</body>
</html>
实例说明

以上代码中，设置了 id 为 box 的 div 的最小高度为 500 像素，当文本内容不足时，该 div 不会缩小到比 500 像素更小的高度。

浏览器支持

minHeight 属性在所有主流浏览器中都得到支持。

总结
  • minHeight 属性设置元素的最小高度。
  • 取值可以是任何 CSS 长度单位。
  • minHeight 属性适用于所有元素，包括替换元素和绝对定位元素。
  • minHeight 属性适用于IE8和更高版本，Firefox，Opera，Chrome和Safari。