css문제 시원하게 해결할방법이 없을까요 ㅜㅜ?

<div class="container" ...

    <div class="wrapper" ...

        <div class="banner" ...

        <div class="main" ...

        <div class="sidebar" ... 

    </div>

</div>

.banner {

    float: left;

    width: 200px;

    height:  400px;

    background-color: #ddd;

}

이정도로 추가하면 될것 같은데요?

다만 class="main" 을 수치지정+연산 형태로 잡아놓으셔서 그런지

알맞는 위치를 잡기 위해서는 스타일을 별도로 주어야 되는것 같습니다.

.banner {

    float: left;

    margin-left: -210px; /* 대충 이정도 */

    width: 200px;

    height:  400px;

    background-color: #ddd;

}