CSS 参考手册 目录

CSS min-height 属性

在网页开发中,我们经常需要设置元素的最小高度,以确保内容不会因为内容过少而导致元素高度过小。CSS 属性 min-height 就是用来设置元素的最小高度的。

语法

-------- -
    ----------- ------
-
  • selector:表示要应用样式的元素选择器。
  • value:表示最小高度的数值,可以使用像素(px)、百分比(%)、视窗高度(vh)等单位。

  • auto:默认值,元素的高度由内容决定,不会被 min-height 影响。
  • length:设置具体的高度值,如 100px。
  • percentage:相对于父元素的百分比值,如 50%。
  • vh:相对于视窗高度的百分比值,如 50vh。

示例

---------- -
    ----------- ------
-

---- -
    ----------- ----
-

在上面的示例中,.container 元素的最小高度被设置为 200 像素,而 .box 元素的最小高度被设置为父元素高度的 50%。

使用 min-height 属性可以确保元素始终具有最小高度,从而更好地控制页面布局。


上一篇:CSS 属性 @media
下一篇:CSS 属性 min-width