margin-top和margin-bottom不能与html元素一起使用？

Question

我试图理解CSS过渡属性，我已经明白了。 但我有另一个令人困惑的东西。 当我给予保证金：10px; ，我在Chrome上看到了结果，没有填充顶部也没有填充底部，意味着只有填充左边和填充权。 为了保证这个余量，我试图用p元素改变一个元素，并且边际是好的。 这是我的代码：

jsfiddle.net/forbloggerku/L3Mps /

我试图搜索关于html的文章与这个问题相关的元素，但我还没有找到它。 请告诉我为什么margin-top和margin-bottom不能使用html元素的原因，请告诉我你原因的URL。 提前谢谢..

Answer 1

您的问题是锚标记“a”是内联元素。那些不像块元素。为你的CSS添加display：inline-block for a element，并将它正确定位。 Block和Inline元素都有自己的规则。

Answer 2

您需要在锚点css中添加以下代码

显示：块;

或

显示：内联块;

margin仅适用于所谓的块元素。