Set <div> Height to Bottom of Browser Window

[SakaiDA]

While it seems there should be a way to do this, I'm starting to suspect there is not.I have a content \[code\]<div>\[/code\] located somewhere on my page.\[code\]+---------------------------+| Header |+---------+-----------------|| | || Sidebar | Content || | || | || | |+---------+-----------------+\[/code\]What I would like to do is set the height of the content \[code\]<div>\[/code\] 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 \[code\]<div>\[/code\] scrollable using \[code\]overflow-x: auto\[/code\]. But I must have a fixed height in order for that to work.