CSS에서 위치는 무엇을 의미합니까?

CSS의 위치는 요소의 위치 지정 유형을 지정하는 속성입니다. position 속성은 요소의 레이아웃을 설정하는 데 사용되는 위치 지정 메커니즘을 정의합니다. 모든 요소의 위치를 ​​지정할 수 있지만 절대 또는 고정 요소는 요소 자체의 유형에 관계없이 블록 수준 상자를 생성합니다.

환경:

이 문서는 모든 브랜드의 컴퓨터에 적용됩니다.

(학습 영상 공유: css 영상 튜토리얼)

속성 소개:

position 속성은 요소의 위치 지정 유형을 지정합니다.

이 속성은 요소의 레이아웃을 설정하는 데 사용되는 위치 지정 메커니즘을 정의합니다. 모든 요소를 ​​배치할 수 있지만 절대 또는 고정 요소는 요소 자체의 유형에 관계없이 블록 수준 상자를 생성합니다. 상대적으로 배치된 요소는 일반 흐름의 기본 위치에서 오프셋됩니다.

속성 값:

• absolute 정적 위치 지정이 아닌 첫 번째 상위 요소를 기준으로 위치가 지정된 절대 위치 지정 요소를 생성합니다. 요소의 위치는 "left", "top", "right" 및 "bottom" 속성을 통해 지정됩니다.

• fixed 브라우저 창을 기준으로 절대 위치에 있는 요소를 생성합니다. 요소의 위치는 "left", "top", "right" 및 "bottom" 속성을 통해 지정됩니다.

• relative 일반 위치를 기준으로 상대적으로 배치된 요소를 생성합니다. 따라서 "left:20"은 요소의 왼쪽 위치에 20픽셀을 추가합니다.

• 정적 기본값입니다. 위치 지정이 없으면 요소는 일반 흐름(상단, 하단, 왼쪽, 오른쪽 또는 Z-색인 선언 무시)으로 나타납니다.

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

예:

h2 요소 위치 지정:

h2
  {  
  position:absolute;
  left:100px;
  top:150px;
  }

관련 권장 사항: CSS 튜토리얼

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