当从导航栏链接时，Div将屏幕置于屏幕中心而不是顶部

Question

当我尝试在HTML中使用相同的页面链接时，它会将DIV置于页面顶部。我想把它放在屏幕上。

导航栏：

<div id="nav">
    <ul id="navlist">
        <li id="navitem"><a href="index.html#someitem">Div1</a></li>
        <li id="navitem"><a href="index.html#someitem">Div2</a></li>               
     </ul>
</div>

#navlist
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1;
    display:none;
}

股利：

<div id="someitem"> </div>

#someitem
{
  padding: 15px;
  height: 400px;
  width: 100%;    
}

Answer 1

这是你要找的东西吗？

＆＃13;

＆＃13;

#navlist
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
}

ul li {
  display: inline-block;
}

＆＃13;

<div id="nav">
    <ul id="navlist">
        <li id="navitem"><a href="index.html#someitem">Div1</a></li>
        <li id="navitem"><a href="index.html#someitem">Div2</a></li>               
     </ul>
</div>

＆＃13;

＆＃13;

＆＃13;