CSS height 属性

2025年3月26日 | 阅读 2 分钟

此 CSS 属性用于设置元素的高度。它用于设置元素内容区域的高度。

它不包含内边距、边框或外边距,而它设置的是元素内边距、边框和外边距之间的区域的高度。它可以接受长度和百分比值。但它不允许负值。

如果我们设置一个数值高度(例如以 px、% 等为单位),如果内容不适合给定的高度,则内容可能会溢出。我们可以通过定义 overflow 属性来管理溢出内容。

如果容器的高度未明确定义,并且该元素未被绝对定位(即 position: absolute;),则 height 属性的值将设置为 auto。min-height 和 max-height 属性也可用于控制尺寸。

语法

属性值

该属性的值列表如下。

描述
auto这是一个默认值。使用此值时,浏览器负责计算元素的高度。不允许使用负值。
length它使用长度单位(如 px、cm、pt 等)指定元素的高度。不允许使用负值。
%它以百分比定义容器的高度。不允许使用负值。
initial它用于将属性设置回其默认值。
inherit它用于继承其父元素属性。

现在,我们将通过一些示例更清晰地了解此属性。

示例

在这里,我们使用了关键字值 autopxem 为单位的 height 属性的长度值。

输出

CSS height property

示例

在这里,我们正在指定百分比为 height 属性的值。

输出

CSS height property
下一个主题CSS 自动换行