DEV Community

Discussion on: What is a problem you constantly have with CSS, or something you keep wanting to learn how to do?

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt • Edited

Div fill the remaining vertical space, then overflow: scroll;.

Another one is responsive table: css-tricks.com/responsive-data-tab... Fixed header is another problem.

Collapse
 
5t3ph profile image
Stephanie Eckles

Oh tables, you pesky beasts! I think we will be battling those until the end of the web :)

Perhaps the calc function would help in conjunction with grid or flexbox. For a pure CSS solution, you will need to cap height to trigger overflow-y: scroll so you could subtract the height of the header and footer with calc (or other elements if it's smaller sidebar widget or something). Good luck!