为什么iframe在它的元素下添加额外的空间？看看这个奇怪的行为：
http://jsbin.com/UraFalo/1/
如何解决？
@H_301_4@解决方法
添加显示：块;像你这样的iFrame风格：
.border iframe {
border: none;
width: 300px;
height: 100px;
margin: 0;
padding: 0;
opacity: 0.8;
display:block; /* Add this */
}
更新
为了解释这一点 – iFrame是一个内联框架，这意味着它是一个内联元素，像img标签一样，可以与空格有问题。设置显示：block;在其上将iFrame转换为块元素(如div)，这将删除空格问题。
@H_301_4@ @H_301_4@ 原文链接：https://www.f2er.com/html/233292.html