html - 为什么我的导航不像其他所有东西一样居中

Question

只是试图让一切都居中和干净。一切似乎都是，除了我在顶部的导航栏似乎坚持右边？

我不明白为什么？

谢谢

html...............

    <div id="nav">

        <ul>
            <li><a href="#landing">Home</a></li>
            <li><a href="#music">Music</a></li>
            <li><a href="#about">About</a></li>
                <li>Musician</li>
            <li><a href="#instagram">Instagram</a></li>
            <li><a href="#twitter">Twitter</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>

    </div>

                    <!-- BELOW THE NAV  -->

<div id="landing">

    <br><br><br> <p>more content</p>


</div>

......................

CSS

................

body { font-family: 'Source Code Pro', monospace;颜色:白色；

    background-color: black;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;


}

div#容器{

margin : 0 auto ；

div#导航{

    position: fixed;
    vertical-align: top;

    display: inline-block;

李{

    display: inline;

div#着陆{

background-image: url('rose1.png');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
height: 100%;
margin: 0 auto;

不确定为什么导航向右浮动？

Answer 1

试试这个:

div#nav {
    position: fixed;
    vertical-align: top;
    display: block;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
}