상대 상황 활성화

상대적으로 배치된 요소는 기본 위치를 기준으로 배치되어 자체적으로 회전합니다. 상대 위치 지정 기능이 있는 요소는 document 흐름 내에서 초기 위치를 그대로 유지하면서 배치 가능성을 열어줍니다.

요소에 상대 위치를 할당한 후 위쪽, 아래쪽, 왼쪽 또는 오른쪽의 시작점을 기준으로 하는 값을 사용할 수 있습니다. 또한 Z-색인 값을 수정할 수 있는 옵션도 있습니다.

이 튜토리얼에서는 다음을 설명합니다.

1. 요소 오버레이
2. 요소의 하위 배치

요소 오버레이

1. 오버레이할 요소를 선택하세요.
2. 맞춤 수업 만들기(예: '특별')
3. 위치 지정을 상대 위치로 설정합니다(이렇게 하면 Z-색인 조정이 활성화됩니다).
4. 이제 다른 요소와 독립적으로 위치를 변경하여 기본 콘텐츠 앞에 표시되도록 할 수 있습니다.

요소의 하위 배치

1. 아래에 배치할 요소를 선택하세요.
2. 맞춤형 클래스 생성(예: "super")
3. 상대 위치 지정 적용(Z-색인 사용자 정의 활성화)
4. 숫자 값 할당(이 특정 시나리오에서는 0보다 큼)
5. 이전 단계에서 요소에 더 높거나 낮은 값을 할당하여 요소를 위쪽이나 뒤에 배치합니다.

상대 위치 지정을 사용하면 페이지의 주변 콘텐츠와는 별도로 원래 위치를 기준으로 요소를 배치할 수 있습니다.