CSS是网页中最重要的一种语言,它可以让我们的网页变得美观、功能强大。其中,height属性是一项很重要的技巧,它可以让元素的高度能够自适应内容的变化。
selector{ height:auto; /* 这里的auto就表示自适应高度 */ overflow: hidden; /* 这里的overflow:hidden可以解决高度塌陷的问题 */ }
我们可以使用height: auto的方法,来让元素的高度自适应其内容的大小,也就是说,不论内容有多少,元素的高度都会自动调整。
但是,这个时候还有一个问题就是,如果元素中的内容过多,内容会跑出元素的范围,这时候我们就需要使用overflow:hidden属性,来让元素的内容裁剪到元素的范围内,这样就不会出现高度塌陷的问题了。
总结一下:height:auto的方法能够让元素高度自适应,但容易出现高度塌陷的问题,解决方法是使用overflow:hidden属性来实现元素内容的裁剪。