Почему высота "div> a> img" больше, чем размер обернутого img?

Если я установил размер img в 100 * 100, содержащий div будет равен 100 * 106.

Откуда этот дополнительный "6px"? Как это поведение соответствует стандарту?

Ответ 1

@clyde; да, это естественное поведение изображения, потому что img является встроенным элементом, поэтому пользовательские агенты оставляют место для символов descender.

вы можете удалить его с помощью css:

img { display:block; } or img { vertical-align:bottom; }

ДЛЯ БОЛЬШЕ ПРОВЕРЬТЕ ЭТИ

https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps

Нежелательная прокладка нижней части div

Ответ 2

Я думаю, нам нужно больше кода, особенно стилей CSS, но, по сути, каскадная часть CSS может легко передавать унаследованные размеры вниз. Если у вашего A есть стиль дополнительного дополнения или поля, то ваш окончательный DIV также получит его. А - встроенный элемент, который часто добавляет отступы в ожидании большего количества контента; превращение A в блоки часто решает эти проблемы, поэтому я бы попробовал это в первую очередь.