继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

青春有我
关注TA
已关注
手记 1072
粉丝 205
获赞 1007

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



webp


webp



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


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP