CSS如何实现网页导航栏绝对定位置顶

发布时间:2019-11-20 10:38:40   分类:网页代码0
一般来讲实现导航栏指定是采用绝对定位的方式,示例代码如下:

<div class="nav">这里是导航所在的DIV容器。</div>


CSS代码:

.nav{
    position:fixed; /* 绝对定位,fixed是相对于浏览器窗口定位。 */
    top:0; /* 距离窗口顶部距离 */
    left:0; /* 距离窗口左边的距离 */
    width:100%; /* 宽度设置为100% */
    height:40px; /* 高度 */
    z-index:99; /* 层叠顺序,数值越大就越高。页面滚动的时候就不会被其他内容所遮挡。 */
}

设置方式,原理及大致内容请看css代码注释。
QQ咨询