CSS3
content 부분의 width 설정(100%)
hookbox
2014. 9. 27. 23:11
<!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>