Nested flex container – Flex item height issue fixed.

Chrome – Nested flex container – Flex item height using a percentage appears to be broken

Chrome doesn’t support percentage height values on flex items. It works fine in IE11 and MS Edge. I haven’t tested any other browsers and I’ve not checked if percentage heights are part of the spec or not (sorry, maybe this is a non-issue).

flex: 1 0 auto

Recent Article

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. joel at 3:47 PM

    Thanks for this useful tip. Codehints is always there with the fix. Keep going. Thanks for the post.