如何让我的导航栏坚持到顶部？

Question

我试图让我的nagivation栏贴在页面顶部但不能出于某种原因。我试着抬头，我尝试了一些东西，但他们没有工作。

     body {
       background-color:black;
     }
     ul {
       list-style-type: none;
       margin: -8;
       padding-bottom: 0px;
       padding-top: 0px;
       overflow:hidden;
       background-color:rgb(235,0,0);
       margin-top: 5px;
       font-family: ariel;
     }
    li {
      padding-left: 35%;
    }
    li a {
      display: inline;
      float: left;
      text-decoration: none;
      padding-left: 25px;
      padding-top: 20px;
      padding-right: 25px;
      padding-bottom: 20px;
    }
    li a:link {
      color:white;
      text-decoration: none;
    }
    li a:visited {
      color:purple;
      text-decoration: none;
    }
    li a:hover {
      background-color:rgb(200,0,0);
      text-decoration: none;
      margin: auto;
    }
    li a:active {
      color:rgb(100,100,100);
      text-decoration: none;
    }

正如您所看到的，我使用了ul，li和a标记来制作导航栏并以水平形式获取它我使用float: left 谢谢！

Answer 1

你可以：＆＃34;职位：固定＆＃34;在你的导航。

详细了解职位https://www.w3schools.com/cssref/pr_class_position.asp

示例：

  ul {
     position:fixed;
     list-style-type: none;
     margin: -8;
     padding-bottom: 0px;
     padding-top: 0px;
     overflow:hidden;
     width:100%;
     background-color:rgb(235,0,0);
     margin-top: 5px;
     font-family: ariel;}

https://jsfiddle.net/twsyu9mc/1/

Answer 2

位置是：固定; 在你的ul

中使用它