为什么我的形象在下面有空间？

Question

为什么我的形象在下面有空间？图像在下面获得了一个神秘的空间，即使padding:0;margin:0都是适用的。游行示威红色边框应该拥抱图像，但底部有空间。是什么原因造成了这种情况，我如何才能删除这个空间？

Answer 1

变幻img到块级元素

img {
  display: block;}

也将删除图像下面的空间。

Answer 2

看看这个CSS小提琴CSS

div {border:1px solid red;width:100px;line-height:0}img {width:100px;}