将 footer 固定到底部。文章内容不足满屏时 footer 在底部,超过满屏时 footer 在内容末尾。 使用 flex 布局,当超过满屏时,没有滚动条,也不能下拉,求解

2018-04-24 18:28:07 +08:00
 sevenQu

三个 div,wrapper 包裹 content 和 footer,css 如下

.wrapper { 
    display: flex; 
    flex-flow: column; 
    min-height: 100vh;
 }
.content {
    flex: 1; 
}
.footer{
    flex: 0 ;
    height:50px ;
}

在不满屏的状态下,footer 确实在底部,但在超过满屏的时候无法下拉,查看元素,确实存在 footer,50px,求问不能下拉的应该如何处理

3034 次点击
所在节点    CSS
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/449524

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX