父级的高度是通过flex为1来设置的,然后子级想保持和父级一样的高度
由于这里的父元素是缺省的,所以设置了高度百分百是无效的
可以设置父级高度为0.
.content {
flex: 1;
height: 0;
.inner{
width: 100%;
height: 100%;
}
}
这个时候inner就会保持和content一样的高度。
参考:文章来源:https://uudwc.com/A/0kB69
父元素flex:1,子元素设置高度百分百无效文章来源地址https://uudwc.com/A/0kB69