Зачем блокировать img, чтобы изображение соответствовало div по вертикали [дубликат] ⇐ CSS

[Гость]

На следующем изображении я описал проблему, с которой столкнулся. ниже изображений я также добавил HTML-код (стиль вставлен в элемент заголовка).

когда мы не настраиваем блокировку изображения, внизу остается пробел

когда мы устанавливаем блокировку изображения, оно заполняет div вертикально

Может ли кто-нибудь объяснить, почему установка элемента изображения в блокировку приводит к тому, что он полностью заполняет div?
Документ div { ширина: 300 пикселей; граница: 5 пикселей, сплошная черная; цвет фона: бирюзовый; } изображение { ширина: 100%; дисплей: блок; }