div 태그 style 속성 요약

• position : absolute(절대위치)  -  브라우저를 기준으로 위치 속성을 사용 하며 parent 요소에 의해 하위 위치에 있다면 그 곳을 기준으로 합니다.      즉, 레이어 속성인 z-index를 쓸경우 top, left, right, bottom을 통해서 좌표를 잡는데 실제 브라우저를 기준으로 위치하게 됩니다.
• relative(상대위치)  -  객체가 위치 속성에 의해 설정 되거나 태그내에 위치시 마지막 위치를 기준으로 상대값을 정해 줍니다.
  즉, 포지션을 정하지 않은 상태에서 보면 그곳에 위치가 브라우저에 나올것입니다. 바로 그곳을 기준으로 포지션에 relative를 사용해서 top, left, right, bottom을 이용해서 위치를 정할수 있습니다.
• static(기본값), fixed(고정)
• top : 위부터 아래쪽으로 위치
• left : 왼쪽부터 오른쪽으로 위치
• width : 레이어 가로 길이
• height : 레이어 세로 길이
• z-index : 레이어 순서(값이 높을수록 위쪽)
• visibility : hidden(레이어 숨김), visible(레이어 보임)
  background : 레이어 배경색
• overflow : visible(정해진 크기 무시하고 모두 보여줌), hidden(정해진 크기만큼만 보여줌, 넘는 내용은 짤림), scroll(수평,수직 스크롤을 보여줌), auto(내용이 넘치는 방향으로 스크롤 보여줌)
• font-family : 폰트종류
• font-size : 폰트크기
• padding-top : 위쪽으로부터의 안쪽 여백
• padding-left : 왼쪽으로부터의 안쪽 여백
• padding-right : 오른쪽으로부터의 안쪽 여백
• padding-bottom : 아래쪽으로부터의 안쪽 여백
• float:left - 레이어가 좌측으로 정렬되며, 이후 추가되는 레이어는 옆(좌측)으로 붙게 된다.
• float:right - 레이어가 우측으로 정렬되며, 이후 추가되는 레이어는 옆(우측)으로 붙게 된다.
• clear:both - 위의 적용이 해제된다.