为什么顶部填充不适用于我的锚点？

这是行不通的，因为默认情况下a是内联元素。如果您希望将其视为一个块，则应使其成为块或内联块（在这种情况下建议使用）：

* {
    margin: 0;
    padding: 0;
}
.box a {
    border: 1px solid blue;
    padding: 60px 15px;
    display: inline-block;
}

<div class="wrapper">
    <div class="box">
        <a>Test</a>
    </div>
</div>

作为内联元素，a将在内容基线上呈现。但是，即使应用padding-top / bottom值（与内联元素忽略的margin-top / bottom值不同），增加的padding也会导致元素高度的变化。但是，尽管高度很高（也可以忽略），但内联元素仍然呈现在基线上，这就是为什么更改padding-top / bottom不会在视觉上移动元素的原因。