似乎無法移動一個元素

嘿，我偶然發現了一些看起來很簡單並且幾乎平庸的東西，但是我不能只是圍繞它來包裹我的頭。似乎無法移動一個元素

所以我有一個網站，並應用了一些級聯樣式表。

這是我說的是在網站頂部的元素。

確實很簡單，但由於某種原因，我似乎無法使用邊距，也沒有填充影響第一行文本（#FFF白色）。或者更具體地說，保證金起作用，而不是保證金最高（也不低於底部）。

HTML看起來像這樣

<html> 
... 
<body> 
<div id = "header"> 
    <a href="#">I can't margin-top this</a> 
    <h1>However it works on this</h1> 
</div> 
.... 
</body>

而且這樣的樣式表。

現在，你可能會看到，第一<a>應該是20像素的保證金，但是，對於一些奇怪的原因，它似乎不受保證金（和填充以及）。下面的<h1>是可操作的。

任何想法可能會造成這種情況？

最後但並非最不重要的，這裏的<a>元素

可能有一個簡單的解決方案的檢查，但我去練出來的，我真的不能找出什麼是這裏的問題。

2016-02-29 Rawrplus

inline元件不能採取尺寸或垂直margin/padding，得到display:inline-block到<a>和它將接受margin-top

#header a { 
display:inline-block; 
/* + here your css rules */ 
}

2016-02-29 20:09:09

制定。謝謝。完全忘記了內聯無法移動的事實。雖然出於好奇，你會推薦這樣做嗎？（我知道它會起作用，但它更多的是圍繞這個問題的解決辦法，創建一個單獨的div，或者可能是段落來強制它變成一個塊，而不是通過直接嵌入塊來應用它CSS？）什麼是更好的「前往」設計選項？ – Rawrplus

@Rawrplus直到你顯示你想給的任何，但內聯把它變成一個盒子。內聯塊或塊級別。如果您希望它使用所有寬度可用並在自身之前和之後使用折線，則塊是有用的 –

回答