html – Iframe在下面创建额外的空格

发布时间：2020-12-14 21:46:29 所属栏目：资源来源：网络整理

导读：为什么iframe在它的元素下添加额外的空间？看看这个奇怪的行为： http://jsbin.com/UraFalo/1/ 如何解决？解决方法添加显示：块;像你这样的iFrame风格： .border iframe { border: none; width: 300px; height: 100px; margin: 0; padding: 0; opacity: 0.

为什么iframe在它的元素下添加额外的空间？看看这个奇怪的行为： http://jsbin.com/UraFalo/1/

如何解决？

解决方法

添加显示：块;像你这样的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)，这将删除空格问题。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!