CSS 2 列レイアウト、右側に固定、左側に適応幅
< div style = "width:90%; margin:0 auto; overflow:auto; _display:inline-block;" ;
< div style = "width:200px; float:right; background:#090" div > div style = " margin-right:210px;背景: #F33" > これは左側のコンテンツです、適応幅 div >
div >
CSS 2 列レイアウト、左側は固定、右側は適応幅
< div スタイル = "width:90%; margin:0 auto; overflow:auto; _display:inline-block;"
< div style = "width:150px; float:left; 背景:#6F0 " >これは固定幅の左側のコンテンツです div >
< div style = "margin-left:160px; background:#FC0" >中央のコンテンツ、適応幅 div >
< / div >
CSS 3 列レイアウト、左右の幅を固定、中央の幅を調整
< div style = "width:90%; margin:0 auto; overflow:auto; _display :inline-block;" >< div style = "width:200px; float:right; background:#393" > これは右側のコンテンツの固定幅です div >
< ; div style = "width:150px; float :left; background:#F60 " div > これは左側のコンテンツ固定幅です
>中間コンテンツ、適応幅 div > div >div+css 一般的に使用される 2 列/幅が自動的に適応される 3 列、ie6789、Firefox、Google およびその他のブラウザーと互換性があります