点击锚点跳转，顶部菜单栏遮住了内容

html:

//顶部菜单栏

   

      
字母表
      
语音介绍
      
重音规则
      
语调
   

//顶部菜单对应的内容模块，只取了每一个模块内容的标题
一、字母表
二、语音介绍
三、重音规则
四、语调

css:
根据需要 设置h1的margin，padding，我用的是margin

.h1_new{
    margin-top:20px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
   padding-left: 0px;
}
.h1_new_first {
    position: relative;
}

但我一开始用的是

h1:target {
    margin-top: -40px !important;
    padding-top: 60px;
}

这段代码有个问题，刚开始进来的的 h1的上边距和 和点击顶部菜单后 h1 的边距是不同的，遂弃用。