[css] 父元素flex:1,子元素设置height:100%无效

父级的高度是通过flex为1来设置的,然后子级想保持和父级一样的高度
由于这里的父元素是缺省的,所以设置了高度百分百是无效的
可以设置父级高度为0.

.content {
    flex: 1;
    height: 0;
    .inner{
      width: 100%;
      height: 100%;
    }
}

这个时候inner就会保持和content一样的高度。


参考:

父元素flex:1,子元素设置高度百分百无效文章来源地址https://uudwc.com/A/0kB69

原文地址:https://blog.csdn.net/qq_14993591/article/details/129613040

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

h
上一篇 2023年09月18日 03:08
MacOS 安装 Mamba 报错 “Error while loading conda entry point: conda-libmamba-solver” 的解决办法
下一篇 2023年09月18日 03:08