Record
auto
가장 가까운 앞쪽 요소가 position
속성 값이 static
이거나 relative
을 가지면서 블록 레벨인 경우 아래쪽에, 인라인 레벨인 경우 오른쪽에 위치한다.
예제
Example
4개의 span
요소 중에서 짝수번째 순서에 해당하는 요소에게 position
속성을 absolute
로 설정했다. 그리고 left
속성 값을 모두 기본 값인 auto
로 설정했다. auto
값의 결과를 테스트하기 위해 각각 가까운 앞쪽 요소들 중에서 'A' 텍스트가 포함된 요소는 display
속성을 block
으로 변경했고 'C' 텍스트가 포함된 요소는 inline
을 유지했다.
그 결과로 'B' 텍스트가 포함된 요소는 'A' 텍스트가 포함된 요소의 아래쪽에 위치를 잡고 있다. 반면 'D' 텍스트가 포함된 요소는 'C' 텍스트가 포함된 요소의 오른쪽에 위치를 잡고 있다.
지원 웹브라우저