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

 时间:2026-04-21 17:44:17

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固定在顶部位置

  • 怎么让两个div在同一行
  • html设置网页背景图片
  • html图片位置调节
  • HTML中浮动效果是怎么做的
  • 网页设计HTML中如何插入背景图片
  • 热门搜索
    塞班岛旅游价格 云南省旅游网 海南旅游介绍 坝上旅游 丰宁坝上草原旅游攻略 英国旅游签证材料 呼伦贝尔草原旅游 旅游英语口语视频 沙湖旅游攻略 南浦大桥旅游集散中心