ホームページ > 記事 > ウェブフロントエンド > CSS 3 列レイアウト_html/css_WEB-ITnose
CSS 3 列レイアウト_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 08:57:261334ブラウズ
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ margin: 0; padding: 0; } .left{ width: 200px; height: 200px; position: absolute; left: 0; top: 0; background-color: #464646; } .middle{ height: 200px; margin: 0 310px 0 210px; background-color: #006486; } .right{ height: 200px; width: 300px; position: absolute; right: 0; top: 0; background-color: #888888; } </style></head><body> <div class="left"></div> <div class="middle"></div> <div class="left"></div></body></html>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。