HTML div 화면 분할

HTML에서 화면을 2분할 하는 방법

예: 왼쪽화면은 테이블을 넣고 오른쪽은 사진을 넣고 싶을때

HTML

<div class='left'></div>

<div class='right'></div>

 

CSS

div.left {
   width: 40%; //원하는 사이즈 만큼 조절
   float: left;
   position: relative;
}

div.right {
   width: 60%; //원하는 사이즈 만큼 조절
   float: right;
   position: relative;
}