如何动态扩展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%; 
}