Html 高度为0的iframe将创建间隙

Html 高度为0的iframe将创建间隙,html,css,iframe,Html,Css,Iframe,当我直接在主体之后添加iframe时,它会产生一个上边距。有人能解释一下吗?iframe没有高度和边距 *,html,正文{ 保证金:0; 填充:0; 边界:0; } iframe{ 保证金:0; } 身体{ 背景:灰色; } 测试请使用iframe css的显示块 谢谢添加显示:块到iframe *,html,正文{ 保证金:0; 填充:0; 边界:0; } iframe{ 保证金:0; 显示:块; } 身体{ 背景:灰色; } TESTIframe是一个内联元素,因此它将创建一个行框

当我直接在主体之后添加iframe时,它会产生一个上边距。有人能解释一下吗?iframe没有高度和边距

*,html,正文{
保证金:0;
填充:0;
边界:0;
}
iframe{
保证金:0;
}
身体{
背景:灰色;
}


测试
请使用iframe css的显示块
谢谢

添加
显示:块到iframe

*,html,正文{
保证金:0;
填充:0;
边界:0;
}
iframe{
保证金:0;
显示:块;
}
身体{
背景:灰色;
}


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


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

将iframe的高度和宽度设置为零的目的是什么?有一些网络跟踪工具,可以在页面顶部创建这样的iframe。奇怪……但还好!为此,它通常使用javascript!谢谢这是最好的解释。