CSS 将导航栏固定在窗口的顶部(fixed)

20200710171440426

将 header / footer 固定住。

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

CSS部分

      .header{
         position: fixed;
         top:0;
         width: 100%;
         height: 30px;
         background-color: red;
      }
      .footer{
         position: fixed;
         bottom: 0;
         width: 100%;
         height: 30px;
         background-color: red;
      }
      .main{
         margin-top: 35px;
         min-height: 1000px;
         background-color: yellow;
      }

历史上的今天

2015年:HTML5图片预览研究(0条评论)

2014年:80%的人都是这样,遗憾终生!(0条评论)

2014年:女人最美好的年龄应该干嘛?(0条评论)

2014年:不拔插U盘重新启用U盘的方法(0条评论)

2014年:Linux系统建立FTP服务器的技巧(0条评论)

本文来源 CSDN,经授权后发布,本文观点不代表 Mr.xu 博客网 立场,转载请联系原作者。

(1)
打赏 微信扫一扫赞赏 微信扫一扫赞赏 支付宝扫一扫赞赏 支付宝扫一扫赞赏
上一篇 2022年11月25日 10:51
下一篇 2022年12月4日 10:19

相关推荐

发表回复

登录后才能评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

笔者期待与您共勉 · 互赢

有言必答、商务合作、有偿服务

QQ:244439232

邮件:it@xuxiaokun.com

线上沟通:周一至周五 9:30 - 17:30

其余时间Mail或QQ我,有言必应。

244439232

如内容或项目对您或有帮助,为提升网站质量能更好的体现,也便于学习与交流,不妨请博主喝杯咖啡呢。