似乎无法移动一个元素

嘿，我偶然发现了一些看起来很简单并且几乎平庸的东西，但是我不能只是围绕它来包裹我的头。似乎无法移动一个元素

所以我有一个网站，并应用了一些级联样式表。

这是我说的是在网站顶部的元素。

确实很简单，但由于某种原因，我似乎无法使用边距，也没有填充影响第一行文本（#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直到你显示你想给的任何，但内联把它变成一个盒子。内联块或块级别。如果您希望它使用所有宽度可用并在自身之前和之后使用折线，则块是有用的 –

回答