我怎樣才能讓H1的邊距離它的容器10px？

<html> 
<head> 
<style type="text/css"> 
h1{ 
background-color: red; 
margin-top : 10px; 
} 
div{ 
background-color:black; 
height : 100px; 
} 
</style> 
</head> 

<body> 
<div> 
<h1>Hello World!</h1> 
</div> 
</body>

從上面的代碼開始，我怎麼能拿到H1（exploded）目錄有一個與DIV，不是身體保證金？

這是期望的結果：http://img176.imageshack.us/img176/7378/aaawj.png alt text

來源

2010-09-01 Snoob

如果這很容易，你爲什麼問這個問題？ – 2010-09-01 14:49:20

輕鬆與你，不是我。因爲我知道這是一個簡單的問題:) – Snoob 2010-09-01 14:53:24

我發現如果你在容器元素上設置了一個填充，你可以避免你遇到的問題。這應該做到這一點。

h1{ 
    background-color: red; 
} 
div{ 
    background-color:black; 
    height : 100px; 
    padding-top : 100px; 
}

來源

2010-09-01 14:42:26 jessegavin

有沒有方法？ – Snoob 2010-09-01 14:48:25

有可能是另一種方式。什麼不適用於這種方式？ – jessegavin 2010-09-01 14:49:03

這工作，但我只是試圖問另一種方法：D – Snoob 2010-09-01 14:52:51

嘗試明確設置頁邊距？

來源

2010-09-01 14:41:53 Sprintstar

Jessegavin的方式工作得很好。另一種方法可能是h1元素位置（我不是這方面的一個大風扇，但如果你想的替代品，哎...）

例如，在你的HTML，這工作：

div {background-color:black; height: 100px} 
h1 {position: absolute; top: 20px; background-color: red}

要獲取元素的全寬，就像在圖形中一樣，您可能還需要將width屬性應用於標題。

來源

2010-09-01 15:08:37 Ben

以下是你需要的代碼，好和易於:)：

h1{background-color: red; } 

    div background-color:black; 
     height 100px; 
     padding-top : 100px; }

祝您好運！這將是很好的中心對齊你好世界，我也想用：

h1{background-color: red; text-align;}

祝你好運！

來源

2011-04-29 13:54:02 Otroberts

我怎樣才能讓H1的邊距離它的容器10px？

回答

相關問題