Почему у картинки и блока-обертки разная высота?

Question

[Irkov]

Почему при обертывании картинки дивом высота дива и картинки не совпадают на 3-4 пикселя?


Интересны были бы варианты решения данной проблемы, но вообще больше всего интересует вопрос ПОЧЕМУ.

Comments

[Ankhena]

Это "пробел" после инлайновых элементов.

Вы можете:
- задать font-size 0 родителю
- сделать картинку блочной
- задать явное вертикальное выравнивание top, bottom, middle, text-bottom, text-top

И всякие решения сводящиеся к предыдущим, например, задать flex родителю. А дочерние флекса становятся блоками.

Раньше еще можно было написать элементы в коде без пробелов и переносов строк. Но это всё равно не было надежным способом.

[Irkov]

Ankhena, Спасибо.

Answer 1

[r_g_b_a]

Почему
Как исправить:
img{display: block}