如何使用負邊距將元素置於div頂部？

Question

如何在不使用負邊距或填充的情況下將元素放置在div的頂部？ 檢查圖像，看看有什麼我想要實現：

灰色區域是div＃內容和藍色的H1。我需要將h1放在＃內容中。我假設我可以實現這一點，如果我把h1放在#content div之前，並使用z-index，但那不是唯一的方法，是嗎？

<div id="content"> 
<h1>text here</h1> 
</div> 

Answer 1

您可以使用position ing。

#content h1 {position: relative; top: -15px;} 

或者把它放在一個更好的方式，給予position這兩個。

#content {position: relative;} 
#content h1 {position: absolute; top: -15px;} 

有關負top值查詢：

允許負值，並會導致元件在相反的方向上移動到上述已經說明的那些。

參考文獻：

• Sitepoint