ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS レイアウトに関する個人的な理解。 (あくまで自己理解です。何か間違っている場合はコメントしないでください)_html/css_WEB-ITnose
CSS レイアウトに関する個人的な理解。 (あくまで自己理解です。何か間違っている場合はコメントしないでください)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:32:45957ブラウズ
2 列レイアウト (左幅固定、右適応)
例:
<!doctype html><html><head><title>左部宽度固定，右部自适应</title><meta charset="utf-8"/><style type="text/css"> *{ margin:0px; padding:0px; font-size:14px; } div{ height:600px; } .left{ width:300px; background:red; float:left; } body div.right{ background:green; margin-left:300px; }</style> <link rel="stylesheet" type="text/css" href=""/></head><body> <div class="left">左部</div> <div class="right">右部</div></body></html> 3 列レイアウト (左と右の幅固定、中央適応)
rr;リー
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。