html - 始终将导航设置在顶部

Question

我有一个高度为 150 像素的页眉，里面有 2 个元素。一个是图像，下面是导航。滚动时如何让我的导航始终显示在顶部？

它不适用于固定位置，因为导航的上边距约为 90 像素。如果我使用固定位置，导航将始终有一个 margin-top:90px; 我希望它的边距为 0。

这是一些当前的代码：

  header
    {
        width:960px;
        margin:0 auto;
        height:150px;
        padding:0 20px;
    }

nav
{
    display:block;
    padding:0;
    position:relative;
    margin:0 auto;
    height:40px;
    width:700px;
    border-radius:5px;
    -webkit-box-shadow: 0 5px 12px #090807;
    background-color:Orange;
}

nav ul 
{
    display:block;
    margin:0;
    padding:0;
    position:relative;
}

Answer 1

它将在位置固定的情况下工作。

nav {
    position: fixed;
    top: -90px;
}

或者你可以强制margin-top: 0with !important：

nav {
    position: fixed;
    margin-top: 0 !important;
}