オーバーフローすることなく、より小さなサイズの定義されたdiv内に垂直方向に大きなイメージを維持する

Question

高さが482ピクセルのIMGを持っていて、最初の/上の200ピクセル（イメージのサイズ変更なし） div、どうすればこれを達成できますか？現在、すべての482ピクセルが表示されており、divタグがオーバーハングしています。あなたがオーバーフロールールを追加する必要が

.slideshow { width: 1080px; height: 200px; margin: auto }

<div class="slideshow"> 
 
    <img src="https://www.gravatar.com/avatar/dc8abc1d06f8fc5f2e8640379ccb4742?s=328&d=identicon&r=PG" width="1080" height="482" /> 
 
</div>

Answer 1

。

.slideshow { width: 1080px; height: 200px; margin: auto 
    overflow: hidden; 
} 

これは、コンテナ内に収まらないコンテンツをすべて非表示にします。