2단구조


2단구조

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>2단구조</title> </head> <style> #wrap{ width:400px; margin:0 auto;} #header{ background:#ffccff; height:100px;} #sidebar{ background:#ffffcc; width:100px; float:left;} #content{ background:#6f9; width:300px; float:right;} #footer{ background:#6666ff; height:100px; clear:both;} </style> <body> <div id="wrap"> <div id="header">머리말</div> <div id="sidebar">사이드바(aside, section)</div> <div id="content">본문(sectione)</div> <div id="footer">꼬리말</di...



원문링크 : 2단구조