固定导航栏css样式代码

2018-07-20    来源:open-open

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

固定导航栏:

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


实现:

其实很简单,在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;
}


标签: 代码

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:朴素贝叶斯算法的python实现

下一篇:Python去除list中的重复元素的最简单办法