<!doctype html>
<html lang="KO">
<head>
<title> </title>
<style type="text/css">
html, body {
width:100%;
height:100%;
margin:0px;
padding:0px;
}
.nav {
height:60px;
width:100%;
background-color:yellow;
}
.sidebar {
width:150px;
height:500px;
float:left;
background-color:red;
}
.content {
width:auto;
height:500px;
margin-left:150px;
background-color:green;
}
.footer {
height:70px;
clear:both;
background-color:yellow;
}
</style>
</head>
<body>
<div class="nav">top</div>
<div class="sidebar">left</div>
<div class="content">content</div>
<div class="footer">bottom</div>
</body>
</html>
'CSS3' 카테고리의 다른 글
| Media Query (0) | 2014.09.26 |
|---|---|
| CSS의 가상 클래스 (0) | 2014.09.19 |
| ul li (0) | 2014.09.14 |
| float (0) | 2014.09.14 |
| position: relative, alsolute (0) | 2014.09.13 |