Hidden высота авто и ширина автоматически в обертке имиджем

Question

Я хочу высоту Hidding от изображения автоматически 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

Простое использование «переполнение: скрыто»; свойство в категории-thumbnail class. изображение будет скрыто автоматически.

Answer 2

overflow:hidden; просто использовать в .category-миниатюру https://jsfiddle.net/nk0a1bgp/