手记

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


0人推荐
随时随地看视频
慕课网APP