當從導航欄鏈接時，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：

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

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

Answer 1

這是您要找的東西嗎？

 #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; } 

 <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>