Question

自从我的网站添加幻灯片后，我现在在导航栏上方有一个奇怪的间隙。我不知道如何解决这个问题。我尝试过上次发生这种情况时所做的事，但没有......

我有一个JSfiddle设置：https://jsfiddle.net/7yj8rkbe/

HTML（我的导航栏）：

    <img src="img/Logo.png" id="logo">
    <li>
        <a href="#">Other</a>
        <ul>
            <li><a href="#">About</a></li>


            <li><a href="#">Contact</a></li>
        </ul>
    </li>

    <li>
        <a href="#">Store</a>
        <ul>
            <li><a href="#">Official</a></li>


            <li><a href="#">Community</a></li>
        </ul>
    </li>
    <li>
        <a href="#">Projects</a>

        <ul>
            <li><a href="#">Official</a></li>

            <li><a href="#">Community</a></li>

            <li><a href="#">Open Source</a></li>
        </ul>

    </li>
    <li>
        <a href="#">Forum</a>
        <ul>
            <li><a href="#">Programming</a></li>

            <li><a href="#">Technology</a></li>

            <li><a href="#">Gaming</a></li>

        </ul>
    </li>
    <li>
        <a  id="nav-home" href="#">Home</a>
    </li>
</ul>

Answer 1

#information {
  top: 0;
}

您为div指定了固定定位，但忘记设置top值。

导航栏上方的差距？

1 个答案: