[CSS] position


[CSS] position

position - 요소의 위치 지정 방법의 유형/기준을 지정. - 요소를 특정 위치에 배치하기 위해서는 기준이 필요함. - 이때 position을 통해 직접 배치하는 것은 아니고 기준을 설정하는 것. [속성 값] - static: 유형(기준) 없음. 배치 불가능. 기본값. - 모든 요소는 배치할 준비가 안 되어 있는 상태. - 배치를 위해서는 아래의 값들을 사용해야 함. - relative: 요소 자신을 기준으로 배치. - absolute: 위치상 부모 요소를 기준으로 배치. - fixed: 브라우저(뷰포트)를 기준으로 배치. - sticky: 스크롤 영역 기준으로 배치. - position: absolute; 사용. - 부모 요소를 기준으로 배치됨. - 이때 부모 요소인 .parent에는 position 값이 있어야 함. - top / left / bottom / right는 position과 함께 사용됨. - 여기서는 부모 요소를 기준으로의 위치, 즉 어느 지점에 위치시킬 것...


#css #position

원문링크 : [CSS] position