我不知道高度的界面 CSS

.unknown-height {
overflow: hidden;
position: relative;
}
.unknown-height img {
max-width: 100%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 0;
right: 0;
}

有時候，我們會遇到一些圖片的高度不確定的情況，這時候就需要使用上面這段代碼。它會根據(jù)圖片的寬高比例，將圖片自動縮放至最大寬度，同時保證其高度不會溢出父元素。

需要注意的是，這里我們使用了position: absolute;來讓圖片的垂直居中，同時保證了其水平位置。此外，我們給父元素設(shè)置了position: relative;，以確保圖片的position: absolute;能夠生效。