Avoid the image going beyond the div?

Question

I have:

<div style="height:15px"> <img src="image" /> </div> 

The image is larger than 15px, so it is outside the div when you see it. How to "crop" an image (show only its port 15px), only using css?

Answer 1

You need overflow:hidden see an example here:

http://www.jsfiddle.net/S8qAq/

Read about overflow : here W3Schools

Good luck

Answer 2

Try giving overflow:hidden div.

Answer 3

add overflow:hidden; into your div style.

Answer 4

Use the overflow css property:

 overflow: hidden; 

Answer 5

using

 overflow:hidden; 

Answer 6

I am surprised that no one suggested object-fit: cover;