CSS 위치 지정을 사용하는 방법은 무엇입니까? CSS 위치 지정을 사용하는 방법

이 기사에서는 CSS 위치 지정을 사용하는 방법에 대한 내용을 제공합니까? CSS 위치 지정을 사용하는 방법에는 특정 참고 가치가 있습니다. 도움이 필요한 친구가 참고할 수 있기를 바랍니다.

position

1. static : 기본값, 요소는 일반적인 흐름으로 나타납니다.

2. relative: 상대 위치 지정, 정상 위치를 기준으로 원래 위치가 사용됩니다.

3. fixed: 브라우저 창을 기준으로 위치가 고정되었습니다.

4. absolute: 절대 위치 지정, 정적 위치 지정 이외의 첫 번째 상위 요소를 기준으로 위치 지정 또는 위치 지정 상위 요소가 없는 경우 원래 포함 블록을 기준으로 위치 지정. 후속 요소는 원래 공간을 차지하고 요소는 문서 흐름에서 제거됩니다.

5. sticky: 사용자의 스크롤 위치에 따른 위치입니다. 위치:상대 및 위치:고정 위치 간을 전환합니다.
   position:relative;처럼 동작하며 페이지가 대상 영역을 넘어 스크롤되면 position:fixed처럼 동작하고 대상 위치에 고정됩니다.
   요소 위치 지정은 특정 임계값을 넘기 전의 상대적 위치 지정이고 그 이후에는 고정 위치 지정입니다.
   이 특정 임계값은 위쪽, 오른쪽, 아래쪽 또는 왼쪽 중 하나를 나타냅니다. 즉, 위쪽, 오른쪽, 아래쪽 또는 왼쪽의 4개 임계값 중 하나를 지정해야만 고정 위치 지정이 적용됩니다. 그렇지 않으면 동작은 상대 위치 지정과 동일합니다.

6. inherit: 상위 요소에서 위치 속성 값을 상속합니다.

문서 흐름에서 분리: 부동, 절대, 고정을 사용합니다. (문서 흐름에서 분리된 요소는 더 이상 원래 위치를 차지하지 않습니다.)

참고: 절대값은 부동소수점과 동시에 사용할 수 없습니다.

위는 CSS 포지셔닝 사용법에 대한 설명인가요? CSS 포지셔닝 사용에 대한 전체 소개입니다. CSS 비디오 튜토리얼에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.

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