I have an absolute div as the main content area on my page design. I have another div that occupies the top portion and which is 450px in height. I cannot know the height of absolute div before page load, so will only be able to find it out after page load has happened.Now the problem is that my body also occupies 450px (height), so if I want to display something after the absolute div has ended I am unable to do so.Summary :\[code\]Absolute Div : 600px (for example, don't know the actual height) Has position:absolute.Top Div : 450px (No position:absolute)Body Becomes 450 px as expected\[/code\]How do I place a div below the absolute div. Currently the only thing I can think of is jQuery.Here is a jsfiddle I made to the illustrate the problem. Even though the whole body displays blue, if you fire up the developer tool and inspect, you'll see that the html and body both occupy