Div + CSS Highly adaptive solution

The problem of adaptive height, using div + CSS for three columns or two column layout, do not know the specific height, can only be based on the content of the increase and decrease adaptive height, to make two columns (or three columns) of the same height, with a Table is easy to achieve, but the use of Div + CSS appears to be more trouble. According to the general practice, most of the use of background map fill or JS script method to make the height of the same, but these are not the best way, I think ...

Here's how to combine "Hide container overflow" with "in-patch" and "negative outer patches"

Main code:

#wrap{overflow:hidden;} /*外容器*/
#sidebar_left,#sidebar_right{padding-bottom:100000px;margin-bottom:-100000px;} /*列*/

Complete example code:





div + CSS Example, wayhome ' s blog




Left

Middle

Middle

Middle

Middle

Middle

Middle

Middle

Middle

Middle

Right





Test passes in IE5.5, IE6, FF1.5, Opera9.