首页 > 其他分享> > footer不满一屏固定在底部，超过一屏跟随滚动

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

2020-11-11 23:03:25 作者：互联网

<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;
}

标签：滚动,bottom,100%,footer,一屏,height,position
来源： https://www.cnblogs.com/liuxiaoru/p/13961508.html