始终将导航设置在顶部

Question

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

它不适用于固定位置，因为导航的上边距约为90px。如果我使用postion固定导航将始终有一个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: 0 !important：

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