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; }
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; }