While it seems there should be a way to do this, I'm starting to suspect there is not.
I have a content <div>
located somewhere on my page.
+---------------------------+
| Header |
+---------------------------+
| | |
| Sidebar | Content |
| | |
| | |
| | |
+---------+-----------------+
What I would like to do is set the height of the content <div>
such that the bottom is equal to the bottom of the browser window.
I know I can do this with absolute positioning. But is there no way to do this within an existing layout? If the only way is with JavaScript/jQuery, then I'd be interested to see how that might be accomplished.
Ulimately, my goal here is to make this <div>
scrollable using overflow-x: auto
. But I must have a fixed height in order for that to work.