I have a HTML coded as;
<div class="container">
<div class="fl left">
<div class="fl right">
</div>
Now if I give width of 25% to the left div, it takes it correctly (e.g. if container=1000px, it would give left a width of 250px)
But if I specify height as 25% to the right div, it does not calculate it correctly (It seems like it ignores the % height)
How do I make the child div % height to be calculated correctly?
As you did with the width, you have to define an height for the
container.See http://fiddle.jshell.net/z9GY8/2/
Note:
Close your divs e.g.
<div class="fl left"></div>(edit : Close with</div>)