• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

为什么是柔性压低页脚未能

html 来源:shadi shtaklef 3次浏览

我试图使用Flex箱技术,https://css-tricks.com/couple-takes-sticky-footer/来响应下推页脚在我的网页http://apple.mdsc1.com/test/为什么是柔性压低页脚未能

我用: –

<style> 
    #wrapper {flex: 1 0 auto;} 
    body, html {height: 100%} 
    body { 
     display: flex; 
     flex-direction: column; 
    } 
</style> 

但失败了。我正在使用的现成布局中的东西是破坏柔性版本

我如何使它工作?

===========解决方案如下:

因为#wrapper父不是柔性的元素,所以你需要从body改变规则,以jPanelMenu-panel并添加height:100%


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)