如何插入挂载肚脐，以及导航定位

Question

<nav>
    <ul>
        <li><a href="index.php"><span class="glyphicon glyphicon-home">       </span> Beranda</a></li>
        <li><a href="profile.php"><span class="glyphicon glyphicon-list-alt"></span> Profil</a></li>
        <li><a href=><span class="glyphicon glyphicon-folder-open"></span> Data Alumni</a>

    </ul>
</nav>

如何制作词缀导航条，而底层内容可以滚动

Answer 1

您需要向您的position:fixed提供nav。为了更好的理解，请看下面的片段。

固定位置元素相对于视口或浏览器窗口本身定位。当窗口滚动时，视图端口不会改变，所以当页面滚动时，固定位置的元素将保持在正确的位置。

​

<nav style="position:fixed; top:0px; background-color: #ffffff; z-index: 30001; opacity: 1; filter: alpha(opacity=70);width:100%;">
    <ul>
        <li><a href="index.php"><span class="glyphicon glyphicon-home">       </span> Beranda</a></li>
        <li><a href="profile.php"><span class="glyphicon glyphicon-list-alt"></span> Profil</a></li>
        <li><a href=><span class="glyphicon glyphicon-folder-open"></span> Data Alumni</a>

    </ul>
</nav>

<div style="position:absolute;margin-top:100px; margin-left:100px">
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  content<br/>
  </div>

​