深圳市金黑网络技术有限公司始终坚持以用户需求为导向，提供安全、稳定、高效的产品和服务！

签到 · 搜索导航 · 服务热线 · 微信/手机：17817817816

发新帖

查看: 394|回复: 0

css制作导航条固定在顶部教程

UID: 2
贡献: 53
金币: 3
主题: 9
在线时间: 3 小时
注册时间: 2022-9-26
最后登录: 2023-4-17

发消息

发表于 2023-4-6 15:02:44 |  394 |  0 | 显示全部楼层 |阅读模式

金黑 2023-4-6 15:02:44 394 0 显示全部楼层

☛ 深圳市金黑网络技术有限公司主营业务 ☚

网站建设，商城开发，系统开发，小程序定制，app软件开发，托管维护，数据异常处理，美工设计，IDC域名主机服务等

欢迎联系我们，QQ：515138 手机/微信：17817817816

联系我们

css制作导航条固定在顶部教程

先看html代码：

<body>
<div class="header">header</div>
<div class="main">main</div>
<div class="footer">footer</div>
</body>

复制代码

需要将顶部header固定，下面就是css代码：

.header{
position: fixed;
top:0;
width: 100%;
height: 30px;
background-color: red;
}

复制代码

你学会了吗？

css教程, css固定顶部

楼主热帖

相关帖子

回复

发新帖

专业的系统定制开发团队

我们坚持以优秀的创意设计、领先的软件编程技术、出其不意的电子商务战略，鼎力为国内外知名企业提供全方位网站设计、网站优化服务。
独一无二的定制开发服务

金黑网络给各大企业公司提供量身定制的多功能系统开发，高端网站设计，商城网站开发，app定制，小程序开发服务。
自适应网页设计布局

我们一如既往地根据用户的需求、市场环境、企业状况等进行综合分析并提供真实可靠的WEB解决方案，有效提升企业形象及品牌知名度。
提供企业一站式服务

我们将与时俱进为客户提供高端创新前沿技术应用与最新商业模式传播完美结合，长期及时地技术售后服务和升级更新，让企业无后顾之忧。

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

515138

快速回复 返回顶部 返回列表