1. test.html 소스
<html>
<head>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div id="wrapper">
<div id="body">
<div id="top">
<div class="top_1">top_1</div>
<div class="top_2">top_2</div>
<div class="top_3">top_3</div>
</div>
<div id="main">
<div class="left_top">left_top</div>
<div class="right">right</div>
<div class="left_bottom">left_bottom</div>
</div>
<div id="bottom">bottom</div>
</div>
</div>
</body>
</html>
2. test. css 소스
#wrapper {width: 100%; text-align: center;}
#body {width: 900px; height: 1070px;}
#top {width: 900px; height: 170px;}
.top_1 {width: 900px; height: 120px; border: 1px solid black;}
.top_2 {float: left; width: 200px; height: 50px; border: 1px solid black;}
.top_3 {float: left; width: 700px; height: 50px; border: 1px solid black;}
#main {width: 900px; height: 800px;}
.left_top {float: left; width: 200px; height: 150px; border: 1px solid black;}
.right {float: right; width: 700px; height:800px; border: 1px solid black;}
.left_bottom {float: left; width: 200px; height: 650px; border: 1px solid black;}
#bottom {width: 900px; height: 100px; border: 1px solid black;}
