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

Question

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

<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標籤顯示：塊可能是問題？

錯誤

權：

Answer 1

這是正常的： 你只是重裝頁面吧？ 檢查url中是否存在錨點（如果已刪除它）並嘗試在重新加載之前轉到頁面的頂部。

或者，使用瀏覽器的「私人模式/隱身模式」

我敢肯定，顯示CSS屬性是不是這裏的問題加載頁面...