How to dynamically increase the height of a based on the contents?

Question

I have a div on a page that I need to put content into. Sometimes the content is a few lines high, and sometimes the content is more than the screen height with varying size

Answer 1

#MainContentArea will always expand dynamically since its height is assigned as auto.

Since both have the same width, #BottomContentArea will be pushed down.

Instead of percentage, use exact widths.