css footer 定位

<!--[if IE 6]->
<style>
#wapper{height:100%;} /* IE在高度不够时会自动撑开层*/
</style>
<![endif]--> 

.footer {
    background: rgb(108, 135, 96);
    /*position: absolute;*/
    bottom: 0px;
    width: 100%;
    /*white-space: nowrap;*/
    /* Set the fixed height of the footer here */
    height: 35px;
    line-height: 35px; /* Vertically center the text there */
    font-size: 0.7rem;
    position: absolute;  /*重要，保证在最下面*/
  
    left: 0; /* IE下一定要记得 */
   
}


.foot {
  
    bottom: 35px; /*和下面版权声明高度一致*/
    position: absolute;
}

div {
    display: block;
}

#wapper {
    position: relative; /*重要！保证footer是相对于wapper位置绝对*/
    height: auto; /* 保证页面能撑开浏览器高度时显示正常*/
    min-height: 100% /* IE6不支持，IE6要单独配置*/
}

#main-content {
    padding-bottom: 160px; /*重要！给footer预留的空间*/
}