css - 关于footer置底的好方法？

问题描述

问 题

我想知道大家是怎么实现页脚在内容不够的情况下会放在网页的底部，内容够多的时候放在页面的底部？
使用fix属性会造成遮挡内容。

第二种是footer的父层的最小高度是100%，footer设置成相对于父层位置绝对（absolute）置底（bottom：0），父层内要预留footer的高度。这种情况需要知道footer的高度。但是一般情况下是不知道footer的高度的，而且个人不喜欢脱离文档流的做法。

所以有没有可以让footer在内容少的时候停留在屏幕的底部，改变窗口大小出现滚动条而不是被顶起来，内容多的时候在页面底部。不知道footer高度。要是可以不脱离文档流就更好了，感觉脱离文档流之后不太可控

解决方案

3种方式实现这个

1. -margin & padding

2. flex

3. grid
   https://uedsky.com/2016-05/fr...

这篇关于css - 关于footer置底的好方法？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！