Question

what do i do if i put the tag inside a div which has, say 354×300 px something, rough estimate, and the src of that tag has a px of 1.6k x 1.2k? The problem is that there is a space below the image, i doesn’t occupy the whole space, i don’t know what happen the image is already big enough i thought its gonna re-size itself to what is the size of the div where the img tag is located.

<div class="myClass">
     <img src="theVeryBigImage.jpg"/>
</div>

Above is my code for that part which results on this part, see image below

As you can see, that image has a size of 1600×1200 px but still it doesn’t occupy the whole space, it leaves a whitespace (Blank space) below

Answer 1

Some default css may be setting image height.

Try

.myClass { height: /* some height */; }
.myClass img{ height:100% ; }