relative:이전 요소(주로 부모 요소)에 자연스럽게 연결하여 위치를 지정.
absolute:원하는 위치를 지정해 배치.
fixed:지정한 위치에 고정하여 배치
*방법
top, left, bottom, right 와 같이 어느 위치에 요소를 위치시킬 건지 지정할 수 있습니다
*주의사항
width,height속성을 지정해도 무시된다. 이유는 태당 태그가 마크업하고 있는 컨텐트의 크기 만큼만 공간을 차지하도록 되어 있기 때문이며, magin,padding 속성은 좌우 간격만 반영이 되고, 상하 간격은 반영 되지 않는다.
5.float
inherit: 부모 요소에서 상속
left: 왼쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 오른쪽에 위치하며 위에서 아래로 흐름.
right: 오른쪽에 부유하는 블록 박스를 생성. 페이지 내용은 박스 왼쪽에 위치하며 위에서 아래로 흐름. 이후 요소에 clear 속성이 있으면 페이지 흐름이 달라짐. none 이 아니라면 display 속성은 무시된다.
none - 요소를 부유시키지 않음
left와 right를 통해 부유속성을 지정시 display는 무시됩니다. (none은 제외)
또한 이후 요소에 clear 속성이 있으면 페이지 흐름이 달라집니다.