【第198期】sticky footer经典布局

2018-04-19 18:43栏目:技术

  今天介绍一种布局方式是sticky footer:页面的内容不论是不是一屏显示,页面底部的按钮或者其他需要固定到底部的元素始终处于底部,注意不是基于浏览器窗口的底部而是页面的底部。

  我们的日常开发当中,经常会遇到要固定底部,内容超过一屏的时候会自动往下撑开。

  原理是通过给内容区域的父元素设置最小高度100%;内容区域设置padding-bottom;底部区域设置margin-top负值。负值高度和footer高度一致返回搜狐,查看更多