动态粘性页脚代码,Css代码库,德仔网

代码语言

代码分类

【Css】动态粘性页脚

作者:艳双 / 发布于2016/11/8/ 991

粘性页脚要满足两个条件：

内容不超过 main body 的时候，页脚固定在页面底部
内容超过 main body 的时候，页脚跟在 main body 后面
/* 核心代码 */
.parent {
 display: table;
 height: 100%;
 width: 100%;
}
.main {
 height: 100%;
}
.footer {
 display: table-row;
 height:1px;
}
圣杯布局

/* 核心代码 */
.parent {
 display: table;
 table-layout: fixed;
}
.parent > div {
 display: table-cell;
}
.left,
.right {
 width: 200px;
}
元素两端对齐

/* 核心代码 */
.parent {
 display: table;
}
.parent > div {
 display: table-cell;
}
.left {
 text-align: left;
}
.right {
 text-align: right;
}

试试其它关键字

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

艳双贡献的其它代码(11)

.监测 Nginx 访问日志 502 情况，并做相应动作
.实现http多线程断点续传下载文件
.过滤特殊字符，保留中文，字母，数字，和-
.动态粘性页脚
.WebApi通过HttpClient来调用Web Api接口
.获取当前屏幕大小
.棋子消除问题
.筛法打印素数表
.获取Excel Sheet名称,对特殊字符、重名进行了处理
.点击退出按钮需要确认再退出