Flexbox column heights
问题 I have this site: http://kudos-topspindigital.azurewebsites.net/#/netball If you open this in Chrome and IE you will see my issue. Basically in chrome, the right panels are around equal heights. I would like the bottom panels (the orange and dark gray one) to be twice as height as the top light gray panel. For once, IE has got it right. It actually resizes the bottom panels as flex: 2. How can I get chrome to do the same? 回答1: Since flex is a shorthand property, flex: 1 becomes flex-grow: 1;