HTML 요약
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>清新教育</title>
< style type="text/css">
*{margin:0;padding:0;}
.clearfix:after{content:""; 클리어: 둘 다;
디스플레이: 블록;}
.clearfix{*zoom: 1;}
#wrapper{border: #000 solid 3px;
width: 500px;}
#header{height: 70px;
배경: #f90;}
#main{/* 테두리:#f0f 단색 2px; */
여백: 10px 0;}
.content{너비: 340px;
높이: 200px;
배경: #f90;
float: 왼쪽;}
.sidebar{너비: 150px;
높이: 200px;
배경: #f90;
부동: 오른쪽;}
#footer{높이: 50px;
배경: #f90;}
</style>
</head>
<body>
<div id="wrapper">
<div id="header">hedaer</div>
<div id="main" class=" Clearfix">
<div class="content">content</div>
<div class="sidebar">sidebar</div>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>
