Изображение не на всю высоту родительского блока?

Question

[Сергей Зенькович]

Всем привет!!! Почему при вложении тега img в div высота изображения всегда меньше чем родительский блок примерно на 3-5 px?

Answer 1

[Softlink]

img {display: block;}

Для справки. Тег img по умолчанию инлайновый, поэтому на него действует в т.ч. вертикальное выравнивание в контейнере, которое тоже по умолчанию в большинстве браузеров baseline. Строго говоря, можно использовать и vertical-align: bottom или line-height: 0(и прочее обнуление) для удаления этого отступа, но вариант с display: block чаще всего практичней.