固定导航栏css样式代码

原创

用户7718188

修改于 2021-11-02 11:10:04

5.6K0

文章被收录于专栏：高级工程司高级工程司

固定导航栏：

一条导航栏，无论页面怎么滚动，导航栏的位置始终固定在顶部。

实现：

其实很简单，在css里给导航栏所在的div设置四个属性，position设置为fixed，top和left设置为0px，然后把z-index的值设置成最高，即可实现。

css代码如下：

/ FixTop. Create by Alvin Xing /
*{
margin: 0px;
padding: 0px;
}
div{
width: 800px;
height: 30px;
background-color: #c0c0c0;
float: left
}
header{
position: fixed;
top: 0px;
left: 0px;
z-index: 100;
}</pre>

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

css

固定导航栏css样式代码

固定导航栏css样式代码

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐