未定義のサイズの画像を含むdivを他のdivの下に置く

Question

問題：私は数秒おきに画像を変更するJScriptを使用してスライドショーを作成しています...
画像サイズは異なる場合があります。ページの残りの部分を遮断するため、画像フレームを含むフレームが上下に移動すると：

.slideshow-container { 
 
    max-width: 1000px; 
 
    margin: auto; 
 
    position: relative; 
 
} 
 
.frame { 
 
    height: 900px; 
 
} 
 
.slideshow-container img { 
 
    width: 100%; 
 
}

<div class="frame"> 
 
    <div class="slideshow-container"> 
 
    <img href="exampleImage.png"> 
 
    </div> 
 
</div>

、内側のdivはそのようなことになっている画像の大きさを持っていますしかし、今では、イメージの内側divをtにしたいサイズを維持しながら、外側のdivの底。

アイデア？

Answer 1

.frame { 
     position: relative; 
    } 

    .slideshow-container { 
     position: absolute; 
     bottom: 0; 
    }