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

我正在尝试尽可能删除iframediv 之间的空白。最初有一个巨大的空白,但在我的 div 中添加margin: 0px; 到我的iframedivh1 之后,空白仍然存在但变小了。任何人都知道如何删除奇怪的空白?

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 的新手
  • &gt; 表示仅选择直接子元素,* 是选择所有元素的通配符。所以#parent &gt; * 表示将此样式应用于任何作为#parent 的直接子元素的元素。
【解决方案2】:

使用边距,填充 0。例如:

 margin: 0;
 padding: 0;

在 CSS 中。对于 div 和 iframe

【讨论】: