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 }