-
Hi,
I am using the Flex Display on this Services Page but I can’t figure out why these 3 boxes don’t have the same height.
I am kind of new with the Flex Concept but I understood that as these 3 boxes’ containers are all inside one Parent Container, they should automatically expand to be the height of the “parent container” ?!
THank you so much.
-
Hi there,
they should automatically expand to be the height of the “parent container” ?!
Yes, you are right, the containers should have the same height by default.
But you added
height:100%to the child containers, try removing those values to see the results 🙂This behaviour occurs because
height: 100%on the flex children requires their parent’s height to be explicitly defined in terms of pixels or another non-percentage unit. If the parent does not have a defined height or its height is determined by its content, the height: 100% on the children becomes ambiguous, leading to unexpected results.
- You must be logged in to reply to this topic.