网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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

时间:2024-10-12 03:55:35

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

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

2、新建一个div,设置背景色,宽和高,代码如下 <div style="background-color: 垆杪屑丝#fff000;width:100%;height:50px;position:fixed;">这是导航栏</div>

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

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

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

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

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

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

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

6、我们看效果,完成

html怎样让div固定在顶部位置
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com