css flex:1,overflow:auto没有生效


flex:1的元素的父元素必须保证高度或者宽度有具体的数值;

如果父元素的高度或者宽度也是flex:1自适应的,最好在父元素上也设置overflow:auto,这样子元素的overflow:auto生效了;(BFC妙用)

.parent{
    height:calc(100vh - 100px);
}
// or
.parent{
    flex:1;
    overflow:auto;
}
.children{
    flex:1;
    overflow:auto;
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM