纯css 完成footer 1直在网页页面底部,不随网页页

日期:2021-03-06 类型:科技新闻 

关键词:小程序开发者工具,小程序在线生成平台,小程序编辑,免费的小程序,微信小程序在哪里

今日这个实例,大家期待footer1直在网页页面底部,看来看处理计划方案吧

css

拷贝编码
编码以下:

html, body, #sticker {height: 100%;}
body > #sticker {height: auto; min-height: 100%;}
#stickerCon {padding-bottom: 40px;}
#footer {margin-top:⑷0px; height: 40px; width: 100%; text-align: center; line-height: 40px; color: #ABA498; font-size: 12px; background: #fafafa; border-top:1px solid #E7E7E7;}

html


拷贝编码
编码以下:

<div id="sticker">
<div id="stickerCon"></div>
</div>
<div id="footer">footer</div>

上一篇:提升型网站【价钱 服务 企业】 返回下一篇:没有了