CSS Position 속성의 값은 무엇입니까?

CSS 위치 속성 값은 다음과 같습니다. 1. 위치의 기본값인 정적, 2. 고정된 위치의 요소를 생성하는 고정, 3. 절대 위치의 요소를 생성하는 절대, 4. 상대적으로 위치가 지정된 요소를 생성하는 상대; 5. 상속, 상위 속성 값을 상속합니다.

1. 위치: 상대 위치 지정

• 요소 자체의 특성에 영향을 주지 않습니다(블록 요소 또는 인라인 요소가 원래 특성을 유지하는지 여부).

• 요소가 문서 흐름에서 벗어나십시오(요소의 원래 위치는 유지되며, 위치가 변경되더라도 새 위치는 점유되지 않습니다).

• 위치 지정 오프셋은 요소에 영향을 미치지 않습니다(오프셋은 요소에 영향을 미치지 않습니다). 원래 위치)

• 레벨 업그레이드(z 사용 -index 스타일의 값은 배치된 요소의 계층 관계를 변경하여 요소의 덮는 관계를 변경할 수 있습니다. 값이 클수록 높아집니다. Z-index는 위치 속성 값이 상대, 절대 또는 고정인 요소에만 유효합니다.) (둘 다 위치 지정 요소이며 이후 요소는 이전 위치 지정을 덮어씁니다.)

2. 절대 위치 지정

• 요소를 문서 흐름에서 완전히 벗어나게 합니다(더 이상 문서 흐름에서 공간을 차지하지 않음).

• 너비와 높이를 설정할 때 인라인 요소가 너비와 높이를 지원하도록 만듭니다(인라인 특성 변경). 요소)

• 너비가 설정되지 않은 경우 블록 요소가 콘텐츠만큼 늘어날 수 있도록 설정합니다(블록 요소의 특성 변경)

• 최근 위치에 있는 상위 요소를 기준으로 오프셋(상위 요소가 아닌 경우) 위치 지정, 문서(페이지 문서 개체)까지 레이어별로 검색합니다.

• 상대 위치 지정은 일반적으로 절대 위치 지정과 함께 사용됩니다(상위 요소를 기준으로 오프셋이 되도록 상위 요소 상대 위치 지정 설정)

• 레벨 업그레이드(상대 위치 지정과 동일)

3. 위치: 고정; 고정 위치 지정

fixed는 브라우저 창을 기준으로 위치가 고정된 요소를 생성합니다.

4. 위치:정적: 기본값

기본 레이아웃. 요소는 일반적인 흐름으로 나타납니다(상단, 하단, 왼쪽, 오른쪽 또는 Z-색인 선언 무시).

6. 위치: 상속

은 위치 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.

추천 튜토리얼: "CSS 튜토리얼"

위 내용은 CSS Position 속성의 값은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!