CSS Keywords

{object_name}

Record

auto

가장 가까운  앞쪽 요소가 position 속성 값이 static이거나 relative을 가지면서 블록 레벨인 경우 아래쪽에, 인라인 레벨인 경우 오른쪽에 위치한다.

예제

Example

4개의 span 요소 중에서 짝수번째 순서에 해당하는 요소에게 position 속성을 absolute로 설정했다. 그리고 left 속성 값을 모두 기본 값인 auto로 설정했다. auto 값의 결과를 테스트하기 위해 각각 가까운 앞쪽 요소들 중에서 'A' 텍스트가 포함된 요소는 display 속성을 block으로 변경했고 'C' 텍스트가 포함된 요소는 inline을 유지했다.

그 결과로 'B' 텍스트가 포함된 요소는 'A' 텍스트가 포함된 요소의 아래쪽에 위치를 잡고 있다. 반면 'D' 텍스트가 포함된 요소는 'C' 텍스트가 포함된 요소의 오른쪽에 위치를 잡고 있다.

지원 웹브라우저