flex布局会使子元素height：100%失效
在使用display:flex 布局的时候，在子元素的css上设置height:100%使其在父元素内部的所有子元素的高度保持一致是不能实现的。只需要给父元素的css设置height:100%,子元素不设置就可以了。
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。
猜您在找
chrome 49 版本bug: flex父元素设置flex:1 , 子元素用height:100%无法充满父元素
css 父元素设置了min-height：100%, 子元素设置height:100%无效
css height:100% 为什么失效
CSS难点 为什么height设置100%会失效，分栏目等高布局(高度自适用布局)的实现方案
flex布局取消子元素（img、div等）缩放：
解决父元素display:flex布局下的子元素宽度被压缩问题
height百分比失效_解决css中height:100%失效的问题
flex布局 滚动条失效
flex布局 滚动条失效
IE 11 flex布局兼容性问题 ---- 不支持min-height 和flex:1