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