Web落地页解决A标签锚点定位偏移的问题

最近公司的一个web落地页让我这个运维来写，锚点这里跳来跳去就是跳的位置不符合心意，经过一阵摸索，终于找到解决办法，这里帖一下记录一下。

锚点文字

 <a href="#index" class="font-title font-active">首页</a>
 <a href="#about-us" class="font-title">关于我们</a>
 <a href="#btn-download" class="font-title">下载</a>

锚点

 <div class="main-description">
  <!-- 跳转关于我们锚点-->
    <a name="about-us" style="position: relative;top: -80px;"></a>
 </div>