CSS two-column layout, fixed on the right, adaptive width on the left
< div style = "width:90%; margin:0 auto; overflow: auto; _display:inline-block;" >
< div style = "width:200px; float:right; background:#090" >This is the content on the right div > div >
CSS two-column layout, fixed on the left, adaptive width on the right
< div style = "width:90%; margin:0 auto; overflow:auto; _display :inline-block;" >
< div style = "width:150px; float:left; background:#6F0" >This is the fixed width of the content on the left div >
< div style = " margin-left:160px; background:#FC0" >Middle content, adaptive width div >
div >
CSS three-column layout, fixed left and right width, adaptive width in the middle
< div style = "width:90%; margin:0 auto; overflow:auto; _display:inline-block;" >
; < div style = "width:200px; float:right; background:#393" > This is the fixed width of the content on the right div >
< ; div style = "width:150px; float:left; background:#F60 " >This is the fixed width of the content on the left div >
; < div style = " margin-left: 160px;margin-right:210px; background:#6C3;" >Middle content, adaptive width div >
div >div css commonly used two columns/three types of automatic adaptation Width column is compatible with ie6789 Firefox, Google and other browsers