先上代码

解析：

1、先设置的 height 为 100%；

2、设置 body 的position 为 absolute，因为它里面的 div 有一个为 fixed，这样可以使得 body 的范围可以包括该div，如果设置为 relatve，则不包括该div。再设置 min-height 为 100%，使其最小高度也为 html 的 height；

3、让内容 div 和页脚 div 都包含在同一个外部 div 中，这样页脚在窗口缩小时不会上浮到内容 div 的位置。

4、外部 div 的 position 设置为 absolute，是由于 body 也为 absolute 的缘故，并设置其 min-height 为 100%，这样可以使其高度最小为 body 的高度，height 为 auto，则使其可以任意改变。

5、页脚 div 的 position 设置为 absolute，bottom 为 0，是为了绝对定位，让其居于页面底部。

DIV+CSS:页脚永远保持在页面底部

页脚永远保持在页面底部 有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事.我看过一些利用绝对定位的例子,但总感觉不 ...

CSS + DIV 让页脚始终保持在页面底部

来源:David's Blog     http://www.DavidQiu.com/ 文章链接:http://blog.davidqiu.com/post/2013-06-17/400517539 ...

Sticky Footer (让页脚永远停靠在页面底部,而不是根据绝对位置)

div浮动在页面底部

":0,"b":[3,4,5],"c":"0","d ...

libreoffice安装

centos7下libreoffice的安装 #下载安装包wget http://mirrors.ustc.edu.cn/tdf/libreoffice/stable/5.1.1/rpm/x86_64 ...

利用Pycharm本地调试spark-streaming(包含kafka和zookeeper等操作)

环境准备就不说了! 第一步:打开Pycharm,在File->Setting->Project Structure中点击Add Content Root 添加本地python调用java和 ...

Block 的使用时机

Block 一般是用来表示.简化一小段的程式码,它特别适合用来建立一些同步执行的程式片段.封装一些小型的工作或是用来做为某一个工作完成时的回传呼叫(callback) . 在新的iOS API中blo ...

C语言博客作业—函数嵌套调用

一.实验作业 1.1 PTA题目:递归法对任意10个数据按降序排序 1.1.1设计思路 void sort(int a[],int n) { 定义整型循环变量i,中间变量temp,最小值min: 令m ...

scrum冲刺

小组第一次冲刺任务及其完成情况描述: 这次主要是先构建一个框架,然后就是完成首页的一些代码编写,能够基本实现首页的注册.登陆以及一些之后完成的内部构建. 在第一次冲刺任务中的收获和体会,以后如何改进的 ...

查看iPhone电池寿命

iBackupBot 软件:iBackupBot for iTunes (收费软件) 官网:http://www.icopybot.com/download.htm iBackupBot for iT ...

6.1-uC/OS-III软件定时器

1.软件定时器是 uC/OS 操作系统的一个内核对象,软件定时器是基于时钟节拍和系统管理创建的软件性定时器,理论上可以创建无限多个,但精准度肯定比硬件定时稍逊一筹. 2.软件定时器启动之后是由软件定时 ...