상대 또는 절대 위치 지정 조건

위치 지정을 이해하려면 먼저 문서 흐름을 이해해야 합니다. 문서 흐름에서 상대적으로 배치된 요소는 위치를 차지하고 후속 요소(블록 요소, 인라인 블록 요소)에 영향을 미칩니다. 다른 하나는 포장됩니다.

111

222

절대 위치 지정은 문서 흐름에서 요소를 쫓아내는 것입니다. 후속 요소에 영향을 미칠까요?

111

222

위의 예에서와 같이 111과 222가 겹쳐서 요소를 검사하고 222에는 실제 위치가 있고 111에는 위치가 없습니다. 왼쪽, 오른쪽, 위쪽, 아래쪽 및 기타 속성을 사용하여 위치 지정 설정이 가장 많은 가장 가까운 상위 개체를 기준으로 절대 위치 지정을 수행합니다. 해당 상위 개체가 없는 경우 본문 개체를 기반으로 합니다. 그리고 그 계단식은 z-index 속성을 통해 정의됩니다.

웹 페이지 레이아웃에는 다양한 장치 및 다양한 해상도와의 호환성이 포함되므로 절대 위치 지정은 대부분의 시나리오에 적합하지 않습니다. . 따라서 레이아웃은 장치의 높이와 너비가 아닌 상위 요소의 위치에만 의존할 수 있습니다.

절대 위치 지정에 적합한 시나리오는 주로 일부 페이지 보조 기능입니다.

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