Make DIV max-height equal to `window height - 100px`

Question

There is a way to set max-height in %, but is here any way to set DIV max-height, so it would be 100px smaller than window height with only CSS?

Answer 1

#specificElement { height: calc(100vh - 100%); min-height: calc(100vh - 100px); }

set min height so that your dyanmic content should not get effect and give height in percentage for dymanic result.