在开发中遇到这么一个问题,子元素flex:1,导致了内部元素设置height:100%没有高度。
导致问题原因:
height:100%是在元素flex属性生效前计算的,生效前计算也就意味着还没有高度,最后导致height == 0
解决方案:
// html
<view class='a'>
<view class='b'></view>
</view>
// css
.a{
flex:1;
position: relative;
}
.b {
height: 100%;
position: absolute;
top: 0;
}