1. position

1) relative

• position: relative; 자체로는 특별한 의미가 없음
• top, right, bottom, left 프로퍼티로 원래의 위치에서 이동

2) absolute

• 절대적인 위치를 둘 수 있음
• 특정 부모에 대해 절대적으로 움직임
• 부모 중에 position이 relative, fixed, absolute 하나라도 있으면 그 부모에 대해 절대적으로 움직임
• 일반적으로 absolute를 쓸 경우 부모에 relative를 부여

3) fixed

• 말 그대로 고정됐다는 뜻
• absolute 와 달리 부모에 relative가 필요 없음
• 눈에 보이는 브라우저 화면 크기만큼 화면 내에서만 움직임

2. inline / block

1) inline

• width 와 height 속성을 사용할 수 없음
• 상/하 margin과 padding 속성을 사용할 수 없음
• 줄바꿈이 되지 않음

2) block

• width 와 height 속성을 사용할 수 있음
• 상/하 margin과 padding 속성을 사용할 수 있음
• 줄바꿈이 됨

3) inline-block

• width 와 height 속성을 사용할 수 있음
• 상/하 margin과 padding 속성을 사용할 수 있음
• 줄바꿈이 되지 않음

3. float

• 블록상태의 객체를 정렬할때 사용
• float를 clear하는 방법
  👉 부모 요소에 overflow:hidden 적용
  👉 가상요소::after에 clear:both 적용