Question

<div id="parent">
    <div id="leftColumn"></div>
    <div id="rightColumn"></div>
</div>

1. When the height of the ‘leftColumn’ and the ‘rightColumn’ less than
   screen height, the ‘leftColumn’ and ‘rightColumn’ should have the same
   height as screen.
2. If the height of the ‘leftColumn’ and the ‘rightColumn’ longer than
   screen height, the ‘parent’ div should expand automatically.

Is there anyone know how to solve this problem? Thanks in advance.

Answer 1

left and right columns:

min-height:100%;

parent:

min-height:100%;
height:auto;

That should work 😉