页脚版权信息 支持html,django1.10开发博客（14）——页脚版权信息

我们在浏览网页的时候经常在页脚看到用小字写的“Copyright © 2009-2016 WEIBO”之类的版权信息，在这里我们可以标明网页的版权，所属权，设计单位/人等。

通常在页面里面用footer标签写版权信息，只需要在base.html里面写成类似于下面的：

Copyright © 2016 Yukin

但会遇到一个问题：当页面内容较少时，footer部分会随着飘上来，处在页面的半腰中间，页面效果很不好。因此，如何把footer固定在页面底部就成为这一功能实现的最大(其实也是唯一)问题。参考了 如何将页脚固定在页面底部 ，使用了方法一实现。

首先修改base.html。

使用容器“container”把body内除footer的部分都包起来，结构像下面这样：

... ...

... ...

... ...

Copyright © 2016 Yukin

然后在blog.css里添加：

html, body {

height: 100%;

margin: 0;

padding: 0;

}

#container {

min-height: 100%;

height: auto !important;

height: 100%;

}

#footer {

position:

absolute;

bottom: 0;

width: 100%;

height: 60px;/*脚部的高度*/ background: #6cf;

clear:both;

}

修改里面的content为：

.content {

/*margin-left: 70px;*/

margin-left: 120px;

margin-right: 120px;

margin-bottom: 50px;

padding-bottom: 40px;/*高度等于footer的高度*/

font-size: 15px; /*正文字体大小*/

}

原理就是先用容器“container”把除footer以外的所有内容都包含进来，设置一个最小高度，这样即使页面内容不足也会占据全部页面，而容器外的footer就被“挤”在最下面了。

其他方法原理类似，都是用容器container撑起页面内容，再规划footer位置。

通过上面这样操作，footer就能始终保持在页面最底部了，至于美化的工作就不多说了，css+html再实现就行了。

2016.10.10