スライドショー - divの外の画像

Question

私は、navbarの下にスライドショーをつけて小さなウェブサイトを作り、flexboxを試してみようとしています。

私は、ブラウザの幅と高さを変更すると、divの幅が増える（高さではない）という意味で、このスライドショーが「反応的」であることを望みます。これは私のスライドショーの構造である：

<div class="slideshow"> 
    <ul> 
     <li><img src="http://placehold.it/1901x630"></li> 
     <li><img src="http://placehold.it/1902x630"></li> 
     <li><img src="http://placehold.it/1903x630"></li> 
     <li><img src="http://placehold.it/1904x630"></li> 
     <li><img src="http://placehold.it/1905x630"></li> 
    </ul> 
</div> 

.slideshow{ 
background-color: firebrick; 
height: 350px; 
} 

.slideshow ul{ 
position: relative; 
} 

.slideshow ul li{ 
opacity:0; 
position: absolute; 
} 

https://jsfiddle.net/7j5zpx14/1/

私はフレキシボックスを使用してみましたが、私はこのdiv要素や画像をいただきました！間違って把握しませんでした。

Answer 1

あなたCADのみimgタグと見では、CSS以下Fiddle Demo

のCss：

.slideshow img { 
    float: left; 
    height: 350px; 
    width: 100%; 
} 

がFiddle Demo Link