Question

在第一个div的底部有一个＆＃34; anker＆＃34;。它应该是这样的，当你使用anker它应该跳转到Markup / next div（内容）。但现在的问题是，它会自动跳转到第二个div，而不使用＆＃34; anker＆＃34;。

<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

这是正常的：你刚刚重新加载你的页面？检查网址中是否有锚点（如果有删除）并尝试在重新加载之前转到页面顶部。

或者，尝试使用浏览器“隐私模式/隐身模式”

加载页面

我确定显示css属性不是问题...

为什么DIV的内容会跳低？

1 个答案: