상대 위치 지정의 범주는 무엇입니까?

상대 측위에는 측위 방법에 따른 분류, 측위 방향에 따른 분류, 측위 거리에 따른 분류, 측위 기준 객체에 따른 분류가 있습니다. 세부 소개: 1. 위치 지정 방법에 따른 분류에는 정적 위치 지정, 상대 위치 지정, 절대 위치 지정 및 고정 위치 지정이 포함됩니다. 2. 위치 지정 방향에 따른 분류에는 수평 위치 지정과 수직 위치 지정이 포함됩니다. 3. 위치 지정 거리에 따른 분류에는 정적 위치 지정, 상대 위치 지정이 포함됩니다. , 절대 위치 및 고정 위치; 4. 위치 참조 개체에 따른 분류에는 정적 위치, 상대 위치, 절대 위치 및 고정 위치가 포함됩니다.

이 튜토리얼의 운영 체제: Windows 10 시스템, DELL G3 컴퓨터.

상대 위치 지정은 이미지 레이아웃에서 일반적으로 사용되는 방법이며 다양한 요구 사항과 시나리오에 따라 분류될 수 있습니다. 다음은 몇 가지 일반적인 상대 위치 분류 방법입니다.

1. 위치 지정 방법에 따른 분류

정적 위치 지정(정적): 정적 위치 지정은 요소의 기본 위치 지정 방법이며 요소는 일반적인 문서 흐름에 따라 배열됩니다. 이 위치 지정 방법에서는 요소가 위쪽, 오른쪽, 아래쪽 및 위치에 영향을 받지 않습니다. 왼쪽과 같은 속성의 영향.

상대적 위치 지정(relative): 상대적으로 배치된 요소는 일반적인 문서 흐름에서의 위치에 따라 조정됩니다. 상단, 오른쪽, 하단, 왼쪽을 설정할 수 있습니다. 및 기타 속성을 사용하여 요소의 위치를 ​​변경할 수 있습니다. 상대적으로 배치된 요소는 문서 흐름에 유지되며 다른 요소에 영향을 주지 않습니다.

절대 위치 지정(absolute): 절대 위치 지정 요소는 가장 가까운 비정적 요소를 기준으로 문서 흐름에서 벗어납니다. 배치된 상위 요소가 배치됩니다. 상위 요소가 없는 경우 위치는 문서의 원래 포함 블록을 기준으로 결정됩니다. 상단, 오른쪽, 하단, 왼쪽을 설정할 수 있습니다. 및 기타 속성을 사용하여 요소의 위치를 ​​변경할 수 있습니다. 절대적으로 배치된 요소는 다른 요소에 영향을 미칩니다.

고정 위치(고정): 고정 위치 요소는 문서 흐름에서 분리되어 브라우저 창을 기준으로 배치됩니다. 상단, 오른쪽, 하단, 왼쪽을 설정할 수 있습니다. 및 기타 속성을 사용하여 요소의 위치를 ​​변경할 수 있습니다. 고정 위치 요소는 다른 요소에 영향을 미칩니다.

2. 위치 지정 방향에 따른 분류

수평 위치 지정: 수평 위치 지정은 요소가 상위 요소를 기준으로 수평 방향으로 위치하는 것을 의미합니다. 이는 left 및 right 속성을 설정하여 달성할 수 있습니다.

세로 위치 지정: 세로 위치 지정은 요소가 상위 요소를 기준으로 수직으로 위치하는 것을 의미합니다. 이는 상단 및 하단 속성을 설정하여 달성할 수 있습니다.

3. 위치 지정 거리에 따른 분류

정적 위치 지정: 정적 위치 지정 요소는 일반적인 문서 흐름의 위치에 따라 조정되지만 요소 간의 상대적 거리는 변경되지 않습니다.

상대 위치 지정: 상대적으로 배치된 요소는 일반적인 문서 흐름의 위치에 따라 조정됩니다. 위쪽, 오른쪽, 아래쪽 및 왼쪽을 설정할 수 있습니다. 요소 사이의 상대적 거리를 변경하는 기타 속성입니다.

절대 위치 지정: 절대 위치 지정 요소는 문서 흐름에서 제거되고 가장 가까운 비정적 위치의 상위 요소를 기준으로 위치가 지정됩니다. 요소 사이의 상대적 거리는 상단, 오른쪽, 하단 및 left와 같은 속성에 따라 결정됩니다.

고정 위치: 고정 위치 요소는 문서 흐름에서 분리되어 브라우저 창을 기준으로 배치됩니다. 요소 간의 상대적 거리는 위쪽, 오른쪽, 아래쪽, 왼쪽과 같은 속성에 따라 결정됩니다.

4. 위치 지정 참조 개체에 따른 분류

정적 위치 지정: 정적 위치 지정 요소는 일반 문서 흐름의 위치에 따라 조정됩니다.

상대 위치 지정: 상대적으로 배치된 요소는 일반 문서 흐름의 위치에 따라 조정됩니다. 참조는 일반 문서 흐름의 요소 위치입니다.

절대 위치 지정: 절대 위치 지정 요소는 가장 가까운 비정적을 기준으로 문서 흐름에서 벗어납니다. 배치된 상위 요소가 배치됩니다. 참조는 조상 요소의 위치입니다. 상위 요소가 없는 경우 위치는 문서의 원래 포함 블록을 기준으로 결정됩니다.

고정 위치: 고정 위치 요소는 문서 흐름에서 분리되어 브라우저 창을 기준으로 배치됩니다. 참조 개체는 브라우저 창의 위치입니다.

간단히 말하면 상대 위치 지정은 다양한 요구 사항과 시나리오에 따라 분류될 수 있습니다. 이러한 분류 방법을 이해하면 상대 위치 지정의 사용을 더 잘 익히고 보다 유연한 이미지 레이아웃을 얻는 데 도움이 됩니다.

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