如何動態擴展div高度？

Question

我有一個div標籤，裏面有圖像。圖片尺寸可能超出屏幕尺寸。在這種情況下，我希望擴展div標籤的高度並在此之後添加頁腳。目前我已經將div標記爲：

#dropbox { 
    height: 80%; 
    text-align: center; 
    display: flex; 
    flex-direction: column; 
    min-height: 60vh; 
} 
#footer{ 
    display: flex; 
    position: relative} 

問題在於頁腳停留在原來的位置。一旦圖像顯示在div標籤中，它就不會一直下​​到底部。

Answer 1

你的div上有固定的height。如果你刪除它，div應該推下頁腳。

#dropbox { 
    text-align: center; 
    display: flex; 
    flex-direction: column; 
    min-height: 80%; 
}