css实现导航一直显示

CSS实现导航一直显示，是网站设计过程中常用到的技巧之一。通过使用CSS样式表，可以将导航菜单固定在页面的某一个位置，不随页面滚动而消失，方便访问者随时进行页面的切换。

.nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #222;
    color: #fff;
    z-index: 9999;
}
.nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.nav li {
    float: left;
    margin-right: 10px;
}
.nav li a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
}

上面就是实现导航一直显示的CSS代码，通过设置导航栏的position为fixed，即固定在页面的某个位置，接着设置top和left为0，即将导航栏置于页面的顶部和左侧，同时设置width为100%，保证导航栏宽度与页面宽度一致。此外，还可以通过设置z-index来确保导航栏始终处于网页的最上层。

在导航栏的样式设置中，我们采用了无序列表的方式来生成菜单项，通过设置overflow为hidden来隐藏溢出的部分，同时设置margin和padding来控制导航栏的间距和内边距。最后，在菜单项的样式设置中，我们为其设置了float来让菜单项横向排列，同时设置margin-right来控制菜单项之间的距离，并为链接文本设置了样式，以便更好的呈现。