如何删除iframe和div之间的空白

Question

我正在尝试删除iframe和div之间的空白。 最初有一个巨大的空白，但是在添加margin: 0px; 对于我的div iframe ， div和h1 ，空白仍然保留，但会变小。 有人知道如何删除奇怪的空白吗？

iframe {
margin: 0px;
padding: 0px;
}

.footer {
margin: 0px;
padding: 0px;
line-height: 160px;
width: 100%;
color: white;
background-color: black;
}

.footer h1 {
margin: 0px;
padding: 0px;
}

Answer 1

在没有看到您的任何实际代码的情况下，我可以给出最大的猜测，但没有任何承诺。

首先确保子项的边距为0 。 然后在父级上将字体大小设置为0 ，然后在子级中将字体大小重置为所需的大小（默认= 16px ）。 这将使空白没有大小。

HTML：

<div id="parent">
  <iframe>
  <p>Hello World</p>
</div>

CSS：

#parent {
  font-size: 0;
}
#parent > * {
  margin: 0;
  font-size: 16px;
}

但是，请更新问题以包括一些示例代码，以便我们提供更完整的答案。

Answer 2

使用边距，填充0。例如：

 margin: 0;
 padding: 0;

在CSS中。 对于div和iframe