如何刪除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