页脚不在页面底部,主体显示设置为 flex

问题描述

我的 HTML 布局如下所示:

database
  1. 在桌面视图中,页脚在底部:但如果内容增长,稍后页脚不再在底部,页面底部和页面末尾之间存在间隙页脚。

  2. 在移动设备上,您可以立即看到差距。

我正在使用 body //display: flex nav //flex-basis: 85px main //flex-grow: 1 footer //flex-basis: 50px 并寻找一种方法来确保页脚始终位于底部。

这是布局 css:

display: flex

提前致谢

这里有一些图片需要澄清: 普通桌面视图:

Normal desktop view

更长的视口:

Long desktop view

普通手机:

Normal Mobile View

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)