我试图理解CSS过渡属性，我已经理解了。但我还有一件令人困惑的事。当我设置margin:10px;我在Chrome上看到的结果是，没有padding-top和padding-bottom，这意味着只有padding-left和padding- right。为了理解这个边距，我试着把a元素换成p元素，边距很好。下面是我的代码:
jsfiddle.net/forbloggerku/L3Mps/
我试着搜索关于HTML的文章一个元素相关的这个问题，但我没有找到它。请告诉我为什么margin-top和margin-bottom不与html元素工作的原因，并请给我你的原因的URL。
你的问题是锚标记"a"是一个内联元素。它们的行为不像块元素。将display:inline-block添加到a元素的CSS中，它将正确地定位它。Block和Inline元素都有自己的规则
您需要在您的锚css
中添加以下代码显示:块;
或
显示:inline-block;
margin只适用于block元素