ホームページ >ウェブフロントエンド >htmlチュートリアル >div+css は一般的に使用される 2 列/3 列の幅に自動的に適応し、ie6789、Firefox、Google およびその他のブラウザーと互換性があります_html/css_WEB-ITnose

div+css は一般的に使用される 2 列/3 列の幅に自動的に適応し、ie6789、Firefox、Google およびその他のブラウザーと互換性があります_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:26:531122ブラウズ

CSS 2 列レイアウト、右側に固定、左側に適応幅

< div style = "width:90%; margin:0 auto; overflow:auto; _display:inline-block;" ;

< div style = "width:200px; float:right; background:#090" div style = " margin-right:210px;背景: #F33" > これは左側のコンテンツです、適応幅

CSS 2 列レイアウト、左側は固定、右側は適応幅

< div スタイル = "width:90%; margin:0 auto; overflow:auto; _display:inline-block;"

< div style = "width:150px; float:left; 背景:#6F0 " >これは固定幅の左側のコンテンツです

< div style = "margin-left:160px; background:#FC0" >中央のコンテンツ、適応幅

< / div >

CSS 3 列レイアウト、左右の幅を固定、中央の幅を調整

< div style = "width:90%; margin:0 auto; overflow:auto; _display :inline-block;" >

< div style = "width:200px; float:right; background:#393" > これは右側のコンテンツの固定幅です

< ; div style = "width:150px; float :left; background:#F60 " これは左側のコンテンツ固定幅です

>中間コンテンツ、適応幅 div+css 一般的に使用される 2 列/幅が自動的に適応される 3 列、ie6789、Firefox、Google およびその他のブラウザーと互換性があります

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。