解决方案:
可以将伪元素设置为任何尺寸位置或形状甚至是脱离原来的位置
案例如下，或者参考网址 play.csssecrets.io/hit-area
原文
那就不能用line-height了，因为整个行高的范围都算作a标签的，可以改用其他方法，比如：.box {
......
line-height: 1
......
padding: 19px 10px 0
}
比如我现在要滑动到此p标签区域，可先给p标签加上一个id，导航处的a标签利用它的href属性，如<a href="#scroll"></a>
<p id="scroll"></p>
