2

Почему блок div, созданный вокруг изображения, имеет высоту больше высоты изображения?

<div>
    <img src = "http://detkam.su/avatar/91/864925.jpeg"/>
</div>

div {
    position: relative;
    display: inline-block;
    border: 1px solid red;
}

https://jsfiddle.net/cwb0z0bm/1/

2 ответа 2

1

Дефолтно, у img стоит display: inline;, что добавляет отступ из-за line-height.
Поставьте стиль img {display: block; }.

1

Для дива нужно дать

font-size:0px;

Там наверное пробел появляется, если нет - поправьте.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.