2.style.css

/*reset*/
* {margin: 0; padding: 0;}
.clearfix::before, .clearfix::after {display: block; content:''; clear: both;}

/*레이아웃*/
#wrap {width: 1200px; margin: 0 auto;}
#side {float: left; width: 300px; height: 850px; background: #ccc;}
#content {float: left; width: 900px; height: 850px; background: #ddd;}

/*header*/
#side .logo {width: 300px; height: 150px; background: #999;}
#side .nav {width: 300px; height: 700px; background: #888;}

/*banner*/
#banner {width: 900px; height: 450px; background: #777;}

/*contents*/
#contents {}
#contents > div {float: left; width: 33.33333%; height: 300px;}
#contents > div.cont1 {background: #666;}
#contents > div.cont2 {background: #555;}
#contents > div.cont3 {background: #444;}

/* content*/
#footer {}
#footer .foot1 {float: left; width: 200px; height: 100px; background: #333;}
#footer .foot2 {float: left; width: 700px; height: 50px; background: #222;}
#footer .foot3 {float: left; width: 700px; height: 50px; background: #111;}