Some experts on Bi specifically discussed this layout method, but he used a lot of hack and avoided the DTD of IE6. In actual use, after I find that the DTD definition of IE6 is avoided, the Ajax modal box cannot be centered (a control of Vs, automatically generated Code ). Therefore, I wrote a simple layout for the left and right columns. It didn't use any hack. It was very simple, but it was just for practical use.
CSS code: Left and Right are both attached to the left. Set left on the right side (Z-index); add a content layer (content) to the right side; set the content to 200px from the left side of right, that is, it is equal to the left width.Copy codeThe Code is as follows: * {margin: 0; padding: 0; List-style: none ;}
. Wrapper {width: 100% ;}
. Left {width: 200px; Background: # FCC; position: absolute; left: 0; Z-index: 1}
. Right {width: 100%; Background: # CCC; position: absolute; left: 0}
. Content {margin-left: 200px; Background: # FFC ;}
Complete codeXmlns = "http://www.w3.org/1999/xhtml">
auto fit for the right width of fixed width 200px on the left