В чем разница между height: auto блочных элементов и замененными встроенными элементами? [дубликат] ⇐ CSS

[Гость]

div { ширина: 70мм; граница: 2 пикселя, сплошная красная; } изображение { ширина: 100%;



Здесь я вставил изображение. Когда изображение отображается, между нижним краем div и моим изображением есть небольшой зазор. Вот изображение для справки

Но как только я меняю img на «display:block», он полностью заполняет div.