Nested Min-Height Not Working When Both are Percentages [duplicate]
This question already has an answer here:
It seems that once a container div is set with the min-height property as a percentage, height and min-height no longer work with inner div’s using percentages.
The code is below…(everything working as expected):
When I set the container div to a min-height percentage, the purple paragraph shrinks down. I was expecting the paragraph to stay 90% of the containing div. The only thing different with this non-working version is I set “height” to “min-height” for the container div.
Any help or insight into what is going on would be greatly appreciated. I really want to be able to do this: this is part of a more complex design..I just watered it down to basics for the question…
Currently we have the same issue faced by many of them and we have open bug also
My suggestion is to put
I hope so this is useful