首页 前端知识 [css] 父元素flex:1,子元素设置height:100%无效

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

2024-01-24 15:01:22 前端知识 前端哥 550 251 我要收藏

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

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

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


参考:

父元素flex:1,子元素设置高度百分百无效

转载请注明出处或者链接地址:https://www.qianduange.cn//article/184.html
评论
会员中心 联系我 留言建议 回顶部
复制成功!