The first way to display the middle bar in a CSS three-column layout

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

The browser displays the page as one line of code execution, that is to say the first execution of the display, and for the left 3 column layout design, the code is either from the left-->--> right to write, or to come over from the right-->--> Zolai writing, to achieve the required effect , the first thing to write is the code in the column.

So I first defined a id=m div, and padding-left:150px, to define this is to leave the left column 140PX display position, and then nested in this div to define a id=middle div, I use position: differs attributes (absolute positioning), and then define left and right columns. One bad thing about using Position:absolute's properties is that it's like a layer in Photoshop, its automatic extension doesn't drive the entire layout, so it hides some page elements, like we usually write some information about the copyright at the bottom of the site, If you use this method of displaying the column first, the information will be obscured if you do not process it. The way to deal with this is to use JavaScript, so that the height of the left and right 2 columns is automatically extended along with the column.

var L=document.getelementbyid ("left"). Scrollheightvar M=document.getelementbyid ("Middle"). Scrollheightvar r= document.getElementById ("right"), Scrollheightlayoutheight=math.max (l,m,r) document.getElementById ("left"). style.height=layoutheight+ "px" document.getElementById ("right"). style.height=layoutheight+ "px" document.getElementById ("Middle"). style.height=layoutheight+ "px" </script>