如何无缝地显示两个html元素

Question

我的网页显示youtube iframe，说YOUTUBE和水平div元素，比如CAPTION。详细地说，尊重垂直顺序，CAPTION的顶部紧跟在YOUTUBE的底部之后。两者几乎相连。但是他们之间有一些狭窄的空间。我不需要它。你怎么能删除两者之间不必要的空间？ 以下是网页的代码和图像。 对于代码，第一个<div>表示YOUTUBE，<demo-caption>表示CAPTION，它是一个只有div元素的google聚合物元素。我想你不需要了解谷歌聚合物来回答我的问题。 更详细地说，除了将两个元素居中之外，我没有必要为页面应用任何css。

               <div id="player" class="main" ></div>
　　　　　　　　<demo-caption ></demo-caption> 

Answer 1

你必须检查两个元素以查看它们是否有任何不必要的填充或边距，你可以通过ctrl + shift + I或右键单击元素在chrome中执行此操作。

此外，你总是可以使用减去边距来改变你的div位置

demo-caption{
    margin-top: -5px;
}

或使用相对位置

demo-caption{
    position:relative;
    top: -5px;
}