html - how to size a div's height to its container height, using CSS?

Question

How to size a div's height to its container height, using CSS ?

<div class='container'><br>
  &nbsp;&nbsp;<div style='display: block; height: 500px'>left</div><br>
  &nbsp;&nbsp;<div id='to-be-sized' >right</div><br>
</div>

Answer 1

You can either:

• use the incomplete but philosophically correct path of pure CSS and face every kind of incompatibility between browsers

or

• write 3 lines of dirty semantically incorrect and devil made table and have it work perfectly everywhere

Your pick :)