위치에는 어떤 값이 포함됩니까?

위치에는 정적, 상대, 절대, 고정, 고정 등이 포함됩니다. 자세한 소개: 1. 정적, 요소는 문서 흐름에서 정상적으로 위치하며 다른 위치 지정 속성의 영향을 받지 않습니다. 2. 상대적, 요소는 일반 위치를 기준으로 배치되고 요소의 위치는 설정을 통해 조정됩니다. 위쪽, 오른쪽, 아래쪽 및 왼쪽 속성. 상대 위치는 다른 요소의 위치에 영향을 주지 않습니다. 3. 요소는 가장 가까운 요소를 기준으로 합니다.

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

프로그래밍에서 "위치"는 요소의 위치를 ​​지정하는 데 사용되는 속성입니다. HTML, CSS 및 JavaScript에서 페이지의 요소 위치를 제어하는 ​​데 사용할 수 있습니다.

HTML에서 "position" 속성은 다음 값을 갖습니다.

1. static(기본값): 요소는 문서 흐름에서 정상적으로 위치하며 다른 위치 지정 속성의 영향을 받지 않습니다.

2. 상대: 요소의 위치는 일반 위치를 기준으로 하며 위쪽, 오른쪽, 아래쪽 및 왼쪽 속성을 설정하여 요소의 위치를 ​​조정합니다. 상대 위치 지정은 다른 요소의 위치에 영향을 주지 않습니다.

3. 절대: 요소는 가장 가까운 위치의 조상 요소를 기준으로 위치가 지정됩니다. 위치가 지정된 조상 요소가 없으면 문서의 본문 요소를 기준으로 위치가 지정됩니다. 위쪽, 오른쪽, 아래쪽, 왼쪽 속성을 설정하여 요소의 위치를 ​​조정합니다. 절대 위치 지정은 다른 요소의 위치에 영향을 미칩니다.

4. 수정됨: 요소가 브라우저 창을 기준으로 배치됩니다. 페이지가 스크롤되더라도 요소의 위치는 변경되지 않습니다. 위쪽, 오른쪽, 아래쪽, 왼쪽 속성을 설정하여 요소의 위치를 ​​조정합니다. 고정 위치 지정은 다른 요소의 위치에 영향을 미칩니다.

CSS에서 "position" 속성의 값은 HTML과 동일하지만 추가 값이 있습니다:

5. 끈적임: 요소는 스크롤할 때 상대 위치 지정과 고정 위치 지정이 혼합된 것처럼 동작합니다. 요소가 컨테이너에 표시되면 상대 위치 지정처럼 동작하고, 요소가 컨테이너 밖으로 나오면 고정 위치 지정처럼 동작합니다. 위쪽, 오른쪽, 아래쪽, 왼쪽 속성을 설정하여 요소의 위치를 ​​조정합니다.

JavaScript에서 "position" 속성의 값은 CSS와 동일합니다. JavaScript를 사용하면 요소의 위치 지정 속성 값을 동적으로 변경하여 요소의 동적 위치 지정 및 레이아웃을 달성할 수 있습니다.

요약하자면 "위치" 속성의 값은 정적, 상대, 절대, 고정, 고정입니다. 이 값을 사용하면 페이지에서 요소의 위치를 ​​제어하여 유연한 레이아웃 효과를 얻을 수 있습니다.

위 내용은 위치에는 어떤 값이 포함됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!