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; | |
| } |