父盒子设置flex:1,子盒子设置height:100%无效的解决方法

发布时间 2023-04-21 15:59:09作者: Delusional_man

有时候写页面的时候,需要在设置为flex:1的父盒子里面写子盒子,并将子盒子height设置为100%

但是可以发现,这样的尝试是无效的,原因是由于父盒子没有设置height属性,导致了子盒子设置百分比失效

解决方法:

给父盒子设置height:0,此时子盒子再设置height:100%即可生效