Почему блок div
, созданный вокруг изображения, имеет высоту больше высоты изображения?
<div>
<img src = "http://detkam.su/avatar/91/864925.jpeg"/>
</div>
div {
position: relative;
display: inline-block;
border: 1px solid red;
}
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуПочему блок div
, созданный вокруг изображения, имеет высоту больше высоты изображения?
<div>
<img src = "http://detkam.su/avatar/91/864925.jpeg"/>
</div>
div {
position: relative;
display: inline-block;
border: 1px solid red;
}
Дефолтно, у img
стоит display: inline;
, что добавляет отступ из-за line-height
.
Поставьте стиль img {display: block; }
.
Для дива нужно дать
font-size:0px;
Там наверное пробел появляется, если нет - поправьте.