i’m trying to get a row cut into three segments following the below premises:
- First segment must have a max-height and always stay on top (min-height:0; max-height:40%). Minimum height can be 0. Scroll must appear if content doesn’t fit max-height.
-
Third segment must be placed on bottom (no fixed height). Height must be inherited from its content.
-
Second segment must expand 100% of the remaining height. Scroll must appear if content doesn’t fit remaining height.
I’ve tried with the following code https://gist.github.com/anonymous/24809e7b981f4ca7e6fb but the problem i’m experiencing is the middle/second segment expands to bottom overlapping the third segment.
Does anyone know how should i proceed? Thx in advanced!.