美文网首页我爱编程
css 父元素设置了min-height:100%, 子元素设置

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

作者: 本悟好 | 来源:发表于2018-08-09 17:38 被阅读0次

    今天在做一个后台系统的时候,整个框架是另一个同事搭建的,进到系统我个人的习惯是先会去看一遍整体的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


    相关文章

      网友评论

        本文标题:css 父元素设置了min-height:100%, 子元素设置

        本文链接:https://www.haomeiwen.com/subject/gzecbftx.html