> 웹 프론트엔드 > CSS 튜토리얼 > CSS의 위치 지정 위치는 무엇입니까?

CSS의 위치 지정 위치는 무엇입니까?

王林
풀어 주다: 2020-11-20 09:20:42
원래의
2483명이 탐색했습니다.

CSS의 위치 지정은 1. 정적, 2. 고정, 4. 절대입니다. 정적은 위치 지정이 없는 것과 동일하며 상대는 상대적으로 위치가 지정된 요소를 생성합니다.

CSS의 위치 지정 위치는 무엇입니까?

CSS에는 정적, 고정, 상대, 절대의 4가지 위치 값이 있습니다.

(학습 비디오 튜토리얼: css 비디오 튜토리얼)

자세한 소개:

  • static: 위치 지정이 없는 것과 동일하며 요소는 일반 문서 흐름에 나타납니다.

  • fixed: 요소 상자는 절대처럼 동작하지만 고정은 보기 창 자체, 즉 브라우저 창을 기준으로 배치됩니다. 따라서 이 위치 지정이 있는 요소가 페이지에서 아래로 스크롤되면 위치가 변경되지 않습니다.

  • 상대적: 상대적으로 배치된 요소를 생성합니다. 요소 자체의 위치를 ​​기준으로 배치되며 원래 차지했던 공간은 그대로 유지됩니다.

  • absolute: 절대 위치 지정 요소를 생성하고 정적 위치 지정이 아닌 첫 번째 위치 지정 상위 요소를 기준으로 위치를 지정합니다. 정적 위치 지정은 위치 지정이 없는 것과 동일하므로 절대 위치 지정은 실제로 첫 번째 위치의 조상 요소를 기준으로 위치가 지정됩니다. 모든 조상 요소의 위치가 지정되지 않은 경우 초기 포함 블록 또는 캔버스(일반적으로 본문 요소)를 기준으로 위치가 지정됩니다.

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

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿