-
CSS代码将内容复制到剪贴板。
HTML，体{高度：100%；}
第一种方法：
在正文中使用两个容器，包括页脚和Web页面的其他部分（容器）。容器的高度设置为100%；页脚部分使用负外部边缘保持在底部。
CSS代码将内容复制到剪贴板。
HTML，体{
身高：100%；
}
{。FL
浮点数：左；
显示：内联；
}
{ #容器
宽度：100%；
身高：300px；
溢出：隐藏；
身高：100%；
底部边框：70px # ffffff固体；
}
{。一边
宽度：30%；
}
{。第
宽度：70%；
}
{ #页脚
身高：50px；
宽度：100%；
清楚：两者；
边距：- 50px；
底部边框：1px solid # e0e0e0；
边境上：1px solid # e0e0e0；
}
xml代码将内容复制到剪贴板。
fddfv
能力：24m / 2G
dsfcndsjkcnsd
cdsklcmdskcmkdslcmksdlckldsmcskl
页脚
第二种方法：绝对定位
这里我们使用位置属性，让我们先回顾一下位置的基本用法：
位置有四个参数：静态相对绝对固定| | |
位置：静态，意思是元素未定位。元素将出现在文档的位置。它是页面元素默认位置的方式。一般来说，它不需要指定，除非它想覆盖位置之前。
位置：相对，很好地理解，这个位置相对元素的偏移量。
CSS代码将内容复制到剪贴板。
# NAV {
职位：相对；
上图：15px；
左：20px；
}
位置：绝对，此时，元素已退出文档。文档中没有原始位置。但是我们可以在文档中通过左、右、左、右指定它的位置。
CSS代码将内容复制到剪贴板。
# NAV {
位置：绝对的；
波顿：0px；
}
我们知道一切都是相对的。当元素的设置、导航元素放在底部的所有时间。导航元素0px从按钮，这是参考，父元素或浏览器，实际上它是分为两例：
如果父元素（父元素的父级，父类的父级）的设置位置、子元素相对于此时的父级，所以当内容太多，脚div不能推到底部。
如果父元素（父元素的父级，父类的父级）不设置位置、子元素相对于浏览器在这个时候，所以当内容太小，脚div不能推到底部。
好，现在让我们回到主题。我们还需要在HTML和正文之间保持相同的高度，而身体需要添加一些其他样式。页脚需要使用绝对定位。
CSS代码将内容复制到剪贴板。
身体{位置：相对高度；自动！重要：高度：100%；最小高度：100%；}
{ HTML
身高：100%；
}
{体
保证金：0；
填充：0；
职位：相对；
高度：自动！重要；
身高：100%；
最小高度：100%；
文本对齐：中心；
}
{。FL
浮点数：左；
显示：内联；
}
{ #头
宽度：100%；
身高：80px；
}
{ #容器
宽度：100%；
身高：300px；
溢出：隐藏；
底部边框：# ffffff 60px固体；
}
{。一边
宽度：30%；
}
{.Article
宽度：70%；
}
{ #页脚
身高：50px；
位置：绝对；
宽度：100%；
清楚：两者；
bottombottom：0；
左：0；
底部边框：1px solid # e0e0e0；
边境上：1px solid # e0e0e0；
}
xml代码将内容复制到剪贴板。
fddfv
能力：24m / 2G
dsfcndsjkcnsd
cdsklcmdskcmkdslcmksdlckldsmcskl
页脚
小结
第一种方式，不管浏览器浏览器占据相对较高的空间内容，滚动条的浏览器端总是会出现！重要的，但旁边的滚动条的设计出现时，它是必要的。这两种方法的共同点是有一个等于或稍大于下缘到页脚。