首页 前端知识 css如何把header栏固定在屏幕顶部

css如何把header栏固定在屏幕顶部

2024-06-10 23:06:11 前端知识 前端哥 695 154 我要收藏

直接贴代码

.header{
	  width: 100%;
	  position: fixed;
	  top: 0;
	  z-index: 1000;
}

如果你的header栏偏左或者偏右了,那加上left:0;或者right:0;即可
top:0;表示距离父元素顶部的距离为0,left和right同理
z-index是设置你内容显示的优先级,防止你页面的其他内容挡住你的header
所以优先级设置高一点,z-index高的会优先显示

如果是footer栏的话
只需要将top改成bottom即可

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11878.html
标签
评论
发布的文章

FastJson 2『使用心得』

2024-06-18 23:06:34

fastjson(版本<=1.2.24)复现

2024-06-18 23:06:21

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!