html怎样让div固定在顶部位置

1、新建一个记事本，制作一个简易的可以上下滑动的网页，如图

2、新建一个div，设置背景色，宽和高，代码如下

<div style="background-color: #fff000;width:100%;height:50px;position:fixed;">这是导航栏

</div>

3、我们可以看到现在滑动一下页面，黄色头部就不见了

4、这里我们需要用到代码 position:fixed; ，效果如下

5、但是我们可以看到现在窗口还是有点问题，加上top:0px; ，让它和顶部距离为0

6、我们看效果，完成