固定<ul>为导航栏

Question

我正在制作这个网站，我想修复这个导航栏。我搜索了SO，找到了添加"position:fixed"的解决方案，但它不起作用。当我转到"关于"然后转到"历史记录"时，它会重定向到另一个页面，但导航栏会消失。如何更改代码以使导航栏不会消失？我希望在我的项目的每一页都有这个栏。

我是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>

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

向致以最良好的问候