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

【问题标题】：How to remove white space between iframe and div如何删除 iframe 和 div 之间的空白
【发布时间】：2017-06-21 19:57:05
【问题描述】：

我正在尝试尽可能删除iframe 和div 之间的空白。最初有一个巨大的空白，但在我的 div 中添加margin: 0px; 到我的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;
}

【问题讨论】：

请在问题中包含屏幕截图，而不是作为外部链接。在该说明上，还请添加minimal reproducible example。否则我们无能为力。
如@evolutionxbox所说，请提供您使用的代码？
您的代码似乎有问题。但是，除非我们有code or information that can reproduce the problem，否则我们无能为力。否则，我们只是在盲目猜测。
对不起，我更新了代码

标签： javascript html css iframe

【解决方案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;
}

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

【讨论】：

我可以知道什么是“ > *”吗？抱歉，还是 html 和 css 的新手
> 表示仅选择直接子元素，* 是选择所有元素的通配符。所以#parent > * 表示将此样式应用于任何作为#parent 的直接子元素的元素。

【解决方案2】：

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

 margin: 0;
 padding: 0;

在 CSS 中。对于 div 和 iframe

【讨论】：