纯css 实现footer sticker

wanghui 发布于2019-08-28 17:52 / 1751人阅读

希望footer一直在页面底部

css

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

html


    

footer

云服务器 GPU云服务器 footer，css 纯CSS sticker JS轻松实现CSS设置

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/110860.html

sticker-footer 布局

摘要：嵌套层级不深，可直接继承自我是内容我是脚为本身高度为本身高度嵌套层级很深，无法直接从上级继承百分比高度的第一种方法给需要的创建一个我是内容我是脚这样就可以直接从继承百分比高度了当高度超过时产生滚动条继承自内部包裹的结构，就 sticker-footer 1、嵌套层级不深，可直接继承自 body width：100%； height:100%; // html ...

187J3X1 2019-08-30 13:49 评论0 收藏0
footer固定在页面底部的实现方法总结

摘要：方法二高度固定负值代码头部中间内容底部信息代码此方法把之前的元素放在一个容器里面，形成了和并列的结构首先，设置的高度至少充满整个屏幕其次，设置最后一个子元素的值大于等于的值最后，设置的值和负值。方法一：footer高度固定+绝对定位 HTML代码：头部中间内容底部信息 CSS代码： *{ margin:0; padding:0; } h...

longshengwang 2019-04-23 13:08 评论0 收藏0
Web前端常用代码笔记整理（01）

摘要：第二段代码如下修改就可以了改这一行其实你的本质问题就在于误认为是数组对象，然而它是构造函数。它继承自构造函数被执行。故视为两个字符串的拼接，结果为字符串，其长度为。 1.[] 和 Array 调用 slice 方法引起的问题问题表示：在某些场景下，需要将函数的 arguments 参数作为一个数组调用，但是 arguments 是一个奇异对象，所以试着将 arguments 转化为一...

jas0n 2019-08-21 10:42 评论0 收藏0
基于jQuery的页面便签插件--一个可以任意拖拽，保存，删除，导入，定制颜色的页面便签

摘要：去年写的一个插件，前几天看还挺好玩的。可以在页面上给用户提供任意拖拽的便签功能，并且便签可以保存和导出之前保存过的便签。希望你的应用可以用得到。去年写的一个插件，前几天看还挺好玩的。可以在页面上给用户提供任意拖拽的便签功能，并且便签可以保存和导出之前保存过的便签。希望你的web应用可以用得到。这里是demo这里是github 插件功能点击右上方的蓝色+按钮，可以在页面中添加一个...

HollisChuang 2019-08-20 18:00 评论0 收藏0