title: How to set div height depending on screen height minus the height of an absolutely positioned element?
body: <p>I have a panel with a height of 100vh, so 100% of the screen (but height: 100% doesn't work, for some reason).</p>
  
  <p>This panel must show a div with its own contents and the footer.</p>
  
  <p>The footer is normally displayed under that panel, but in the front page it must be inside it, so I have to disable the normal one and call it inside the panel.
  Thus, it must have position: absolute and bottom: 0.</p>
  
  <p>Now the problem is that the footer takes its own height (which changes a bit when resizing the window's width), and the other div in the panel must take all the remaining height.</p>
  
  <p>So, is there a way to set that div's height dynamically, rather than filling the CSS with media queries for each window width where the footer's height changes, setting it as height: calc(100vh - [footer height])?</p>