css min-height最小高度

2022-11-15 22:08:35 文章内容或列表内容不够多时候,高度不够占位不够不好看情况,可以使用min-height最小高度CSS样式来设置。

首先min-height最小高度是常用的样式,遇到可能会内容很少情况下,高度比较小,排版就不好看了,此时可以使用min-height样式来帮忙。设置后对整体样式没有影响。

最小高度min-height是什么?

当内容比较少达不到设置最小高度值时候,此对象默认高度为min-height设的高度,当内容多后设置最小高度装不下时,对象将自适应内容撑开的高度,相当于设置最小高度值等于没有设置。非常实用CSS样式。

看用法:

#article{min-height:500px}

设置id=article最小高度

设置最小高度min-height当内容超过设置高度时候,对象高度自适应撑开高度为最新内容占用高度。

相似样式:最小宽度min-width最大宽度max-width

更新