why this div has height bigger than image?

Question

why this div has height bigger than image ? This is what my code looks like

<div>
  <img src="source">
</div>

NOTE: I know how i fixed, am just i want to know why this happend

Answer 1

Because the size of your parent element was bigger than the div you put your image into