Question

<div class="header" style="position:fixed">这样写行不行

网上下载的模板，头部导航栏不能固定，我这样写行不行？
<div class="header" style="position:fixed">
改完之后变成这样了：

导航栏错位了。。。怎么回事？
怎么让整条导航栏置顶，不在页面滑动时导航栏白色部分不被覆盖？

Answer 1

假设header高是30px
.header{position:fixed;left:0;top:0;height:30px;width:100%;}
body{padding-top:30px;}
这样写头部以下的div就不会被遮盖了，头部撑满整屏并且一直保持在浏览器最上方。

Answer 2

将width设为100%，z-index设置高点

.header{width:100%;z-index:2;position:fixed}

追问

运行之后是这样，还有问题：

1、那个手机图片位置也不对

3、怎么手机放置的那个位置左右侧两个箭头去掉？

追答

箭头可以通过删除dom或css的display隐藏

手机图片位置可用margin调整

删掉所有js代码就不会有任何交互行为了