CSS의 상대 위치 지정 및 절대 위치 지정 소개

1. 일반적으로 요소의 위치를 ​​설정하지 않으면 기본값은 static으로 설정되며, 이때 요소의 위치는 지정되지 않으며 left/right 등의 오프셋 속성은 적용되지 않습니다.

2.position:relative (상대 위치 지정)

상대 위치 지정으로 설정하면 요소의 원래 위치를 기준으로 왼쪽/오른쪽 오프셋을 구성할 수 있으며, 원본 위치는 여전히 문서 흐름의 공간을 차지하고 오프셋은 다른 요소를 밀어내지 않습니다. 따라서 겹치는 경우 z-index를 통해 스택 순서를 설정할 수 있습니다.

3.position:absolute(절대 위치 지정)

@

요소가 절대 위치 지정으로 설정되면 문서 흐름에서 공간을 차지하지 않고 부동됩니다. 상대 위치 지정과 달리 절대 위치 지정은 문서 흐름에서 원래 위치의 공백을 삭제합니다. 위치 지정은 정적이 아닌 상위 요소를 통해 를 찾습니다(상위 요소가 정적이면 상위 요소를 찾습니다). 상위 요소를 찾으려면 상위 수준으로 이동하세요.)

위 내용은 CSS의 상대 위치 지정 및 절대 위치 지정 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!