css - img元素的父元素绝对定位，父元素为什么比img元素的高度多了5px

问题描述

问 题

img元素的父元素绝对定位，父元素为什么比img元素的高度多了5px。

HTML代码
<div class="test"><img src="img/1.jpg" alt="1"></div>

css代码
* {
    padding: 0;
    margin: 0;
}
.test {
    position: absolute;
}
.test img {
    width: 600px;
    height: 230px;
}

就会出现下图的效果


父元素为什么比img元素的高度多了5px。

解决方案

img{display:block;vertical-align:top} 你试试

这篇关于css - img元素的父元素绝对定位，父元素为什么比img元素的高度多了5px的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！