html导航 如何随页面下拉滚动而在页面头部固定不变（如百度图片类似，只是把搜索改为导航）

Posted 2023-04-04

参考技术A

设置固定定位，定位到窗口顶部。

html：

<div id="fix">这是一个固定定位的div</div>

CSS：

    #fixposition: fixed; background: black;color: #fff;

本回答被提问者采纳 参考技术B <div id='guding'>固定内容</div>
<style>#gudingposition:fixed;height:40px;width:100%;</style> 参考技术C 百度怎样那样弄，你就怎么追问

知道效果，但不知道如何来制作

追答

啊，天哪

css固定div头部不随滚动条滚动

给div加浮动：

position:fixed;

固定宽度，高度，距离头部，左部为0：
width: 99%; 
height: 80px;

top:0; 
left: 0;