Taken from an answer found in StackOverflow
Say you have
<Section>
<SectionHeader />
<SectionContent />
</Container>
and for SectionContent
you want internal scroll.
Taken from an answer found in StackOverflow
Say you have
<Section>
<SectionHeader />
<SectionContent />
</Container>
and for SectionContent
you want internal scroll.
.section { | |
display: flex; | |
flex-direction: column; | |
} | |
/* follwing class is not needed btw, nor setting container `Section`'s height to 100% */ | |
.sectionHeader { | |
flex-shrink: 0; | |
} | |
.sectionContent { | |
flex: 1 1 auto; | |
overflow-y: auto; | |
height: 0px; | |
} |