지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > CSS 튜토리얼 > 상대 또는 절대 위치 지정 조건

상대 또는 절대 위치 지정 조건

一个新手
풀어 주다： 2017-09-12 09:05:25
원래의
2191명이 탐색했습니다.

위치 지정을 이해하려면 먼저 문서 흐름을 이해해야 합니다. 문서 흐름에서 상대적으로 배치된 요소는 위치를 차지하고 후속 요소(블록 요소, 인라인 블록 요소)에 영향을 미칩니다. 다른 하나는 포장됩니다.

111


222


절대 위치 지정은 문서 흐름에서 요소를 쫓아내는 것입니다. 후속 요소에 영향을 미칠까요?

111


222


위의 예에서와 같이 111과 222가 겹쳐서 요소를 검사하고 222에는 실제 위치가 있고 111에는 위치가 없습니다. 왼쪽, 오른쪽, 위쪽, 아래쪽 및 기타 속성을 사용하여 위치 지정 설정이 가장 많은 가장 가까운 상위 개체를 기준으로 절대 위치 지정을 수행합니다. 해당 상위 개체가 없는 경우 본문 개체를 기반으로 합니다. 그리고 그 계단식은 z-index 속성을 통해 정의됩니다.

웹 페이지 레이아웃에는 다양한 장치 및 다양한 해상도와의 호환성이 포함되므로 절대 위치 지정은 대부분의 시나리오에 적합하지 않습니다. . 따라서 레이아웃은 장치의 높이와 너비가 아닌 상위 요소의 위치에만 의존할 수 있습니다.

절대 위치 지정에 적합한 시나리오는 주로 일부 페이지 보조 기능입니다.

위 내용은 상대 또는 절대 위치 지정 조건의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
定位 순수한 해당 가능
원천：php.cn
이전 기사：다이아몬드 회전 효과를 얻는 CSS 다음 기사：요약: CSS를 사용하여 요소를 수직 중앙으로 설정
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
URL 매개변수에서 얻은 PHP 배열이 예상대로 작동하지 않습니다. 카테고리 ID가 포함된 URL 매개변수가 있고 이를 다음과 같은 배열로 처리하려고 합니다. http://example.com?cat[]=3,9,13 PHP에서는 ...
에서 2024-04-06 22:09:02
0
1
1428
Width 속성을 추가하여 콘텐츠를 왼쪽으로 이동합니다. 나는 본문에 여백을 제공했습니다. main {left margin: 200px; right margin: 200px; text alignment: center} ...
에서 2024-04-06 22:01:35
0
3
816
Apache에서 CustomLog 지시문을 어디에 배치해야 합니까? 저는 php:7.2-apachedocker를 사용하고 있습니다. 상태 확인 URL 로그인 액세스 로그를 비활성화해야 합니다. 이 링크를 기반으로 Customlog...
에서 2024-04-06 22:03:59
0
1
990
페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...
에서 2024-04-06 21:58:04
0
1
800
Javafx에서 인라인 CSS 스타일을 동적으로 수정합니다. 응용프로그램이 최대화되었을 때 창의 배경 이미지를 변경하려고 합니다. 내 배경은 인라인 CSS를 사용하여 설정됩니다. 스타일에 대해 두 개의 다른 변수와 if 문...
에서 2024-04-06 20:57:16
0
1
487
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿