怎么使用CSS创建固定的页眉或页脚


小编给大家分享一下怎么使用CSS创建固定的页眉或页脚,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
答:使用CSS固定定位
您可以使用CSS固定位置轻松创建粘性或固定的页眉和页脚。只需将CSSposition属性及其值fixed与topandbottom属性结合使用,即可将该元素相应地放置在视口的顶部或底部。
让我们看下面的示例,以了解其基本工作原理:
免费云主机域名试试这个代码

/* Add some padding on document’s body to prevent the content
to go underneath the header and footer */
body{
padding-top: 60px;
padding-bottom: 40px;
}
.fixed-header, .fixed-footer{
width: 100%;以上是“怎么使用CSS创建固定的页眉或页脚”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注百云主机行业资讯频道!

相关推荐: 生鲜水果小程序开发的基础功能有哪些

这篇文章给大家分享的是有关生鲜水果小程序开发的基础功能有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、生鲜水果小程序开发优势是什么? 1.生鲜小程序将o2o商城与微信小程序完美结合,实现“随取随买”的在线生鲜,方便用户和商户…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 08/30 13:56
Next 08/30 13:56

相关推荐