如何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元素無縫

回答

相關問題