V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
sevenQu
V2EX  ›  CSS

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

  •  
  •   sevenQu · 2018-04-24 18:28:07 +08:00 · 3035 次点击
    这是一个创建于 2410 天前的主题,其中的信息可能已经有所发展或是发生改变。

    三个 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,求问不能下拉的应该如何处理

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3452 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 10:58 · PVG 18:58 · LAX 02:58 · JFK 05:58
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.