如何diplay两个HTML元素无缝

我的网页显示的YouTube的iframe，说YOUTUBE和水平div元素，比如标题。详细地说，尊重vartical顺序，CAPTION的顶部紧跟YOUTUBE的底部。两者几乎相连。但是他们之间有一些狭窄的空间。我不需要它。你怎么能消除两者之间不必要的空间？下面是代码和网页的图像。代码中，第一个代表YOUTUBE，代表CAPTION，它是一个只有div元素的Google聚合元素。我想你不需要了解谷歌聚合物来回答我的问题。更详细地说，除了居中这两个元素之外，我不一定会为页面应用任何css。如何diplay两个HTML元素无缝

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

来源

2016-07-12 yuzu

玩家格或演示说明可能有一些填充或保证金。如果你删除或覆盖它，它会直接适合。如果你可以添加所有的CSS类，有人可以给你一个提示。 – mxlse

@mxlse，谢谢你的信息。除了将两个元素居中之外，我没有必要申请网页。 – yuzu

默认情况下，页面上总会有* some * CSS。具体来说，规则是由您使用的浏览器决定的。这就是你可能会看到你的问题 - 一些保证金或填充设置。（至少在Firefox中，通过在元素上使用getComputedStyle（），您可以确定地找到它。）如果您希望margin或padding与默认值不同，您可以自己设置它。 –

你必须检查两个元素，看看他们是否有任何不必要的填充或利润率，您可以通过按Ctrl + Shift + I或右键单击铬做到这一点元素。

除了可以随时使用减去利润率改变你的div定位

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

或使用相对位置

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

来源

2016-07-12 05:57:42

如何diplay两个HTML元素无缝

回答

相关问题