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

あなたの部門に固定heightがあります。それを削除する場合は、divがフッターを押し下げているはずです。

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