如何让footer始终在页面底部的方法

用简单的CSS实现将FOOTER固定在页面底部,我们通常布局的时候都是头部，内容区域，还有底部，一般都是使用三个div，然后id分别设置为header，content，footer，然后在定义每个div的高度，一般来说，header，footer都是公共的，因为高度，内容一般...

有时候我们的页面主体高度并不固定，而我们又不想让footer跟着主体高度变化而跑动，也许您会想到使用position:fixed但是这并不能达到理想的要求，下面是我曾经在实际工作中用到的一种方法：

html:

<div class="wrapper>

<div class="content">主体内容</div>

</div>123

css:

html,body{

height:100%

}

.wrapper{

min-height:100%//使内容高度和body高度一样

margin-bottom:-70px向上缩减70px，使footer在可视范围

}

.content{

margin-bottom:130px//控制主体内容和底部高度之间距离

}

.footer{

---