在图像包装中自动隐藏自动高度和宽度

Question

我想自动隐藏图像的高度 HTML：

<div class="category-thumbnail">
   <img class="img-responsive" src="http://www.thedeadtrees.com/wp-content/uploads/2012/10/linkin-park-environmental-efforts.jpg" alt="">
      <div class="opacity">
        <b>Jam Wanted</b>
        <p class="description">Boleh</p>
      </div>
</div>

和css：

.category-thumbnail{
border: 1px solid red;
border-bottom: 8px solid red;
height: 250px;

}

在我的本地电脑中，宽度是成功但高度仍然溢出 和我的竞争代码：https://jsfiddle.net/dedi_wibisono17/19tsojvz/

thankyou

Answer 1

简单使用“溢出：隐藏;”类别缩略图类中的属性。图像将自动隐藏。

Answer 2

只需在.category-thumbnail中使用overflow:hidden;即可 https://jsfiddle.net/nk0a1bgp/