Почему высота обёртки больше высоты картинки?

Question

[Roman]

Для такого кода:

<div>
	<img src="http://goo.gl/HYvpzP" style="max-height:490px" />
</div>

Ссылка codepen
Получается высота:
img - 490
div - 493
Браузер Chrome
Как пофиксить?

Answer 1

[Anna_BS]

img {
display: block;
}

Answer 2

[Михаил Чирский]

img
{
  vertical-align: top;
}

Так тоже сработает, ну чтобы что то писать, нужно понимать, в вашем случае, ознакомьтесь с default properties элементов.