相关疑难解决方法(0)

为什么在下面的代码中高度div大于img？图像下方有一个间隙,但它似乎不是填充/边距.

图像下方的间隙或额外空间是多少？

#wrapper {
  border: 1px solid red;
  width:200px;
}
img {
  width:200px;
}

<div id="wrapper">
  <img src="http://i.imgur.com/RECDV24.jpg" />
</div>

在Firefox中,只有我的视频缩略图在我的图像底部和边框之间显示神秘的2-3像素空白区域(见下文).

我已经尝试过在Firebug中我能想到的一切,但没有运气.

如何删除此空格？

我在图像和跨度之间有一个奇怪的填充,我无法摆脱.

<div>
    <img src="http://placehold.it/100x100" />
    <span>hello</span>
</div>

img{
    padding:20px;
    background: red;
}

span{
    width: 300px;
    background-color: blue;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

正如你在这个小提琴中看到的那样,我在红色和蓝色元素之间有一些空间.无论我做什么,我都无法摆脱它.另外,我很感激有人可以告诉我为什么我height: 100%;的第二个元素不起作用(它应该和图像一样高).