iframe的高度为0会产生间隙

Question

当我在身体后面直接添加iframe时,会导致上边距.有人可以解释一下吗？iframe没有高度也没有边距.

*, html, body {
  margin: 0;
  padding: 0;
  border: 0;
}
iframe {
  margin: 0;
}
body {
  background: gray;
}

<iframe width="0" height="0" frameborder="0" scrolling="no" vspace="0" hspace="0" marginheight="0" marginwidth="0" src=""></iframe>
<div style="background: red;">TEST</div>

看小提琴:http: //jsfiddle.net/pLja65pc/1/

Answer 1

iframe是一个内联元素,因此它将创建一个行框.线框的高度将等于线高(16px字体为~18px)或更高(如果iframe高于字体大小).

将iframe更改为display: block,将创建一个具有所需高度的块框.