footer不满一屏固定在底部,超过一屏跟随滚动

<html>
   <body>
       <div class="con">
          <footer></footer>
       </div>
  </body>
</html>

  

html,body{
     height:100%
}
.con{
     min-height:100%;
     position:relative;
     padding-bottom:120px;
}
footer{
    width:100%;
    height:100px;
    position:absolute;
    left:0;
    bottom:0;
}

 

上一篇:图片响应式


下一篇:CSS 去除图片和父元素底部间隙