position, float + index, overflow

• position:absolute
  • 요소를 원하는 곳에 배치하기 위하여 설정.
  • 부모 노드를 기준으로 잡는다.
  • left: 가로 위치 설정
  • top : 세로 위치를 설정
  • 부모가 position:relative 이어야 한다.
• position :fixed
  • 많아서 스크롤 해도 그 위치에 고정하고 싶을 때 사용한다.
• z-index : 노드들이 겹칠 때 쌓이는 순서를 정하기 위해 z-index 를 사용한다.
  • z-index : 의 값이 높을 수록 위에 보이게 된다.
  • z-index를 따로 설정하지 않으면 자동으로 나중에 만든 요소가 위에 올라온다.
• float
  • left: 노드를 왼쪽 정렬하여 배치하기
  • right:  : 노드를 오른쪽 정렬하여 배치하기
• clear : float 을 설정한 경우 계속하여 다음의 노드도 float 의 영향을 받을 수 있기 때문에 다음 중에 선택하여 float 설정을 제거하도록 해야 한다. 
  • left
  • right
  • both

overflow: hidden <- 넘치면 숨김

overflow : scroll <- 넘치면 스크롤