Navigation 固定<;ul>;作为导航栏

Navigation 固定<;ul>;作为导航栏,navigation,fixed,Navigation,Fixed,我做这个网站,我想这个导航栏是固定的。我搜索了这么多,找到了添加“position:fixed”的解决方案,但它不起作用。当我转到“关于”然后是“历史”时,它会重定向到另一个页面,但导航栏会消失。如何更改代码,使导航栏不会消失?我希望在我的项目的每一页上都有这个栏 我不熟悉CSS和HTML以及这里的SO #nav { position:fixed; left:0px; top:200px; width: 100%; float: left; mar

我做这个网站,我想这个导航栏是固定的。我搜索了这么多,找到了添加“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>

您必须澄清您的问题。如果需要在页面上固定导航(向下滚动页面,导航将保持在相同的位置),或者需要在项目的每个页面上设置导航。简而言之:第一个是使用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>
historia.php:
历史
杰斯特·米娜·林库·朱德1969年罗库

还有更好的实践,但对于一个开始学习它是伟大的。在这种情况下,您只能在一个文件中更改导航,其余文件保持不变


致以最诚挚的问候

那么您希望导航栏不会消失,链接的内容不会出现在div部分吗?您的意思是我在div中添加一个包裹所有
    ?好的,但是我在新div的CSS代码上写什么呢?我需要在我的项目的每一页上都有导航。感谢你的回答,我意识到我做错了什么。我在搜索一个导航栏,它固定在同一页上,而不是每一页。所以我找不到我的答案。但现在我找到了。那是头球。谢谢!!!!完美的再次非常感谢。很抱歉,因为我刚到这里,所以不能投票。没问题。但请记住,还有更好的实践。有多少答案是可能的=网络上有多少不同的CMS可用。但对于一个没有数据库和更多动态内容的静态且非常简单的页面,我认为这就足够了。祝你好运