为什么图示a标签可以有margin-top值？

Question

html内容如下：

<div class="orders pannel">
                    <div class="pannel_tittle">
                        <h4>我的订单</h4>
                        <a href="#">查看更多></a>
                    </div>
</div>

CSS处

.pannel .pannel_tittle a {
    margin-top: 8px;
    font-size: 16px;
    color: #999;
}

为什么a能用margin-top 如果继承的，我去查找到资料，也不能继承这个属性啊
而且只有margin-left和right生效。

Answer 1

margin-top 是否生效，取决于元素是行内（inline）还是块（block），只有块元素的 margin-top 能生效，而 <a> 默认是行内元素，如果 margin-top 生效，说明被转成了块，比如设置 CSS display

a {
  display: block;
}

可用开发者工具检查，Styles 检查 CSS 规则，Computed 检查实际应用的 display 属性值