[分享]css中如何把高的值设成自动

在CSS中，我们经常需要设置元素的高度，但是有些时候我们希望元素的高度可以自适应内容的高度，也就是高度自动。那么该如何实现呢？height: auto; 我们只需要将元素的高度设为auto即可实现高度...

在CSS中，我们经常需要设置元素的高度，但是有些时候我们希望元素的高度可以自适应内容的高度，也就是高度自动。那么该如何实现呢？

height: auto; 

我们只需要将元素的高度设为auto即可实现高度自适应内容的高度。这在一些需要显示动态内容的模块中特别实用，比如我们常见的新闻列表、评论等。

另外，有些时候我们需要让元素的高度至少有一个最小值，比如一个包含图片的容器，它的高度至少应该保持和图片一样的高度。那么该如何实现呢？

min-height: 100px; 

我们可以使用min-height属性来设定元素的最小高度，这样即使容器里没有内容，容器也会保持一个最小高度。当容器里的内容高度超出最小高度时，元素的高度会自动适应内容。

总之，高度自动是CSS中非常实用的一个特性，让我们可以在不同的情况下快速适应内容和布局的变化。