粘性导航栏不起作用

Question

我正在尝试为http://www.appledevice.expert 创建一个粘性导航，但遇到了相当困难的时间。

我尝试在标题中添加这些属性：-

position: fixed ;
width: 100% ;

它不起作用，并将我的所有内容都放在标题下。然后我尝试将导航栏包装在一个新的div 类中以锚定它，但这也不起作用。

Answer 1

编辑并为您的标题提供一些属性（注释新行）：

#header {
    line-height: 98px;
    background: #FFF url("images/header-top.png") repeat-x top center;
    border-bottom: 1px solid #d3d5d7;
    -webkit-box-shadow: 0 0 5px 0 #e2e3e4;
    -moz-box-shadow: 0 0 5px 0 #e2e3e4;
    box-shadow: 0 0 5px 0 #e2e3e4;
    position: fixed; /*This is different*/
    z-index: 99999;
    margin-bottom: 30px;
    width: 100%; /*This is new*/
}

然后在最上面的 div 之后添加一个上边距，使其与标题的高度相等：

.sections:first-of-type {
      margin-top: 110px;
}