CSS如何讓高度自動 在CSS中，要讓高度自動，我們可以使用height:auto屬性。這個屬性可以讓元素的高度隨著內容自動調整。 但是，對于一些特殊的元素，比如圖片或者浮動元素，height:auto可能不太適用。在這種情況下，我們可以使用以下方法來讓高度自動。 一、使用clear:both 如果你遇到一個元素的高度不能自動調整，那么你可以在它的父元素中使用clear:both來清除浮動。這樣，元素就可以正常的自適應高度了。

.parent {
clear: both;
}

二、使用overflow:hidden 如果你想要將一個父元素的高度自動調整到子元素的高度，那么你可以在父元素中使用overflow:hidden屬性。這個屬性可以讓父元素包含子元素，并將高度調整為自動。

.parent {
overflow: hidden;
}

三、使用display:flex 如果你想要一個包含多個元素的容器高度自適應，那么你可以使用CSS的彈性布局（flex）來實現。在父元素中使用display:flex屬性，并給子元素設置flex屬性。

.parent {
display: flex;
flex-wrap: wrap;
}
.child {
flex: 1;
}

以上三種方法都可以讓高度自動調整，并且都有各自適用的場景。在實際使用中，要根據具體情況選擇合適的方法來實現。