在较小的，尺寸定义的div内保留一个垂直放大的图像而不会溢出

Question

如果我的IMG高度为482像素，但我只想在div中出现第一个/前200个像素（没有调整图像大小），我该如何实现？现在所有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;
}

这将隐藏任何不适合容器内容的内容。