Flex layout element width cannot be adaptive

Code: Click here

flex layout, the width is not adaptive when adding Element UI"s table, a scroll bar appears when the browser width narrows, and there is no problem when commenting out Element UI"s table. The solution now is to use calc to set the width of .c , but I don"t understand what makes the width not adaptive?

Mar.07,2021

should be the cell width in table is overwritten


what method did you use to solve it? I also encountered the same problem


you can solve this problem by setting width or overflow to the parent element of el-table. The effect: Click here

Menu