Мне нужно сделать сайт с слайд-шоу на титульном листе шириной 100% на обертке. Проблема в том, что когда я изменяю размер окна, изображение изменяется, а высота контейнера - нет. Контейнер не изменяется на содержимое внутри и перекрывается с другим кодом, потому что высота контейнера равна 0. Установка минимальной высоты просто устраняет проблему для определенного разрешения, и мне нужно, чтобы она была динамической.
Могу ли я еще что-нибудь сделать?
.slideshowcontainer {
position: relative;
width: 100%;
height: auto;
}
.slideshowcontainer>div {
position: absolute;
}
.slideshow {
width: 100%;
}
.slideshow img {
width: 100%;
}
<div class="slideshowcontainer">
<div class="slideshow fade">
<img src="images/slideshow1.jpg">
</div>
<div class="slideshow fade">
<img src="images/slideshow2.jpg">
</div>
</div>