div 양분하기 (Two Column Layout)

float:left를 활용한 div 둘로 나누기



[html]

    <div class="content_wrap">

          <div class="content-list">List</div>

          <div class="content-view">View</div>

    </div>

[css]

.content_wrap {

    position:relative;

    width:100%;

}

.content-list {

    width: 40%;

    height:500px;

    float:left;

    background-color:yellow

}

.content-view {

    width: 60%;

    height: 500px;

    float: left;

    background-color: beige

}