Почему содержание DIV спрыгивает?

Question

в нижней части первого div есть «anker». Он должен работать, например, когда вы используете anker, он должен перейти к разметке/следующем div (Content). Но теперь проблема заключается в том, что она автоматически переходит во второй 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 не проблема здесь ...