爲什麼DIV的內容會跳下去？

第一個div的底部有一個「anker」。它應該像，當你使用anker它應該跳轉到標記/下一個div（內容）。但現在的問題，它會自動跳轉到第二個div，而不使用「anker」。爲什麼DIV的內容會跳下去？

<div id = 'infoseite_smartphone'> 
    <div id = 'programmbox_smartphone'> --> First DIV 
     .... 
     <div id = 'programmtext'> 
      ... --> Content of the first div 
     </div> 
     <div id = 'nextreferenz'> 
     <a href = '#referenzbox_smartphone'>Weiter gehts hier...</a> --> anker 
     </div> 
    </div> 
    <div id = referenzbox_smartphone'> --> second DIV 
     .... 
     <div id = 'referenzboxtext'> 
      ... --> Content of the second div 
     </div> 
     <div id = 'nextreferenz'> 
     <a href = '#xyz>Weiter gehts hier...</a> --> anker 
     </div> 
    </div> 
</div>

CSS：

不是媒體查詢：

#infoseite_smartphone { 
    display: none; 
}

這部分作品在媒體查詢

#infoseite_smartphone { 
     display: block; 
     height: 71vh; 
     overflow: auto; 
     background-color: #ffffff; 
    } 

    #programmbox_smartphone { 
     width: 100vw; 
     height: 66vh; 
     overflow: hidden; 
    } 

    #programmuberschrift { 
     width: 97vw; 
     font-size: 6vh; 
     text-align: right; 
    } 

    #programmtext { 
     width: 97vw; 
     height: 50vh; 
     font-size: 4.5vh; 
    } 

    #referenzbox_smartphone { 
     width: 100vw; 
     height: 66vh; 
     overflow: hidden; 
     background-color: #ffffff; 
    } 

    #referenzuberschrift { 
     width: 100vw; 
     font-size: 6vh; 
     text-align: right; 
     padding-right: 2vh; 
    } 

    #referenztext { 
     width: 100vw; 
     height: 50vh; 
     font-size: 3.5vh; 
     margin-left: 2vw; 
    } 

    #nextreferenz { 
     width: 30vw; 
     height: 4vh; 
     line-height: 4vh; 
     font-size: 2vh; 
     background-color: #658F8E;  
     color: #ffffff; 
     font-weight: bold; 
    }

也許CSS標籤顯示：塊可能是問題？

錯誤