将 <ul> 固定为导航栏

Question

我正在制作这个网站，我希望修复这个导航栏。我搜索了 SO 并找到了添加“位置：固定”的解决方案，但它不起作用。当我转到“关于”然后“历史”时，它重定向到另一个页面，但导航栏消失了。如何更改代码以使导航栏不会消失？我希望该栏出现在我项目的每个页面上。

我是 CSS 和 HTML 以及这里的 SO 的新手。

#nav {
    position:fixed;
    left:0px;
    top:200px;
    width: 100%;
    float: left;
    margin: 0 0 3em 0;
    padding: 0;
    list-style: none;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc; }
#nav li {
    float: left; 
         }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; 
        }
#nav li a:hover {
             color: #c00;
             background-color: #fff; 
        }
.About:hover ul {
                 display: block;
                 }
.About ul {
           top: 40px;
           display: none;
           list-style-type: none;
          }

这是 HTML

<ul id="nav">
<li class="About"><a>About</a>
        <ul>
            <li><a href="historia.php">History</a></li>
            <li><a href="">Find Us</a></li>
    </ul>
</ul>

Answer 1

您必须澄清您的问题。如果您需要将导航固定在页面上（向下滚动页面，导航保持在同一位置），或者您需要将导航固定在项目的每个页面上。很快：第一个是使用 position:fixed 完成的。第二个必须使用服务器脚本语言完成，例如 PHP 和 include。澄清您的问题，您将获得完整的答案:)。

对不起，为了降低声誉，只能发表评论。

升级：

好的，很简单的回答：你必须有其他文件只用于导航，例如

navigation.php. 

在文件里面你只能有你的 ul 列表和你的导航：

<ul>
<li><a href="">Menu 1</a></li>
....
</ul>

然后在您需要导航的每个页面（例如 historia.php）上，您必须包含它：

historia.php:

<h2>History</h2>
<?php include "navigation.php"; ?>
<p>Jesteśmy na rynku już od 1969 roku...</p>

那时有更好的做法，但是对于开始学习它是很棒的。在这种情况下，您只能在一个文件中更改您的导航，其余的保持不变。

最好的问候