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

Question

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

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

Answer 1

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

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

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

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

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

Нежелательный отступ внизу div

Answer 2

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