ホームページ > 記事 > ウェブフロントエンド > CSS 3 列レイアウト_html/css_WEB-ITnose
<!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>