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

Question

我尽量删除iframe和div之间的空白区域。最初有一个巨大的空白区域，但在我的margin: 0px;，iframe和div添加h1之后，我的div仍然存在但仍然存在小。有谁知道如何删除奇怪的白色空间？

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. ex：

<input type="button" value="spin" style="float:left;" id='spin' />
<canvas id="canvas" width="500" height="500"></canvas>

在CSS中

。对于div和iframe