CSS에서의 위치

1. 위치 구문 및 구조

위치 구문: 위치: 정적 절대 상대

위치 매개변수:
static: 특별한 위치 지정이 없으며 개체는 HTML 위치 지정 규칙을 따릅니다.
absolute: 개체 흐름 문서를 끌어서 왼쪽, 오른쪽, 위쪽, 아래쪽 및 절대 위치 지정을 위한 기타 속성을 사용합니다. 그리고 계단식은 CSS z-index 속성을 통해 정의됩니다. 이때 개체에는 여백이 없지만 여전히 패딩과 테두리가 있습니다
relative: 개체를 쌓을 수 없지만 왼쪽, 오른쪽, 위쪽, 아래쪽 및 기타 속성을 기반으로 일반 문서 흐름에서 오프셋됩니다.

2. 절대 위치 지정 조건 사용

position:absolute; position:relative절대 위치 지정은 일반적으로 부모가 위치:상대 위치를 정의하고, 자식이 위치:절대 절대 위치 지정 속성을 정의하고, 자식이 왼쪽 또는 오른쪽을 사용합니다. 절대 위치의 경우 상단 또는 하단입니다.

3. CSS 절대 위치 지정 요약

절대 위치 지정 부모가 position:relative를 사용하지 않고 직접 position:absolute 절대 위치 지정을 사용하는 경우 이번에는 body 태그가 부모가 되고 position:absolute를 사용하여 정의합니다. 객체가 DIV에 있는지 여부에 관계없이 절대 위치 지정을 위해 를 상위(참조 수준)로 사용하여 몇 개의 구조 레이어를 끌어서 내는지 확인합니다.

Css z-index를 사용하여 절대 위치 지정 중에 CSS 레이어의 겹치는 순서를 정의할 수 있습니다.

위 내용은 CSS에서의 위치의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!