css 父元素设置了min-height：100%, 子元素设置height:100%无效

今天在做一个后台系统的时候，整个框架是另一个同事搭建的，进到系统我个人的习惯是先会去看一遍整体的html代码结构，style文件里面html,body都同时设置了height: 100%，并且一路下来到目标盒子的父元素都进行了height：100%设置，而到了最近一层父元素的时候使用了min-height:100%。结果在子元素不脱离文档流的前提下，对子元素设置了100%，结果是子元素height:0;  通过google知道了 webkit（chrom/safari）bug。有最小高度的父盒子里面的子元素不能继承高度属性 （https://bugs.webkit.org/show_bug.cgi?id=26559）

作者：youngkuan
链接：https://www.jianshu.com/p/164a134401ef