CSS에서의 위치

巴扎黑
풀어 주다: 2017-06-27 09:05:18
원래의
1307명이 탐색했습니다.

1. 위치 구문 및 구조

위치 구문: 위치: 정적 절대 상대

위치 매개변수:
static: 특별한 위치 지정이 없으며 개체는 HTML 위치 지정 규칙을 따릅니다.
absolute: 개체 흐름 문서를 끌어서 왼쪽, 오른쪽, 위쪽, 아래쪽 및 절대 위치 지정을 위한 기타 속성을 사용합니다. 그리고 계단식은 CSS z-index 속성을 통해 정의됩니다. 이때 개체에는 여백이 없지만 여전히 패딩과 테두리가 있습니다
relative: 개체를 쌓을 수 없지만 왼쪽, 오른쪽, 위쪽, 아래쪽 및 기타 속성을 기반으로 일반 문서 흐름에서 오프셋됩니다.

2. 절대 위치 지정 조건 사용

position:absolute; position:relative절대 위치 지정은 일반적으로 부모가 위치:상대 위치를 정의하고, 자식이 위치:절대 절대 위치 지정 속성을 정의하고, 자식이 왼쪽 또는 오른쪽을 사용합니다. 절대 위치의 경우 상단 또는 하단입니다.

3. CSS 절대 위치 지정 요약

절대 위치 지정 부모가 position:relative를 사용하지 않고 직접 position:absolute 절대 위치 지정을 사용하는 경우 이번에는 body 태그가 부모가 되고 position:absolute를 사용하여 정의합니다. 객체가 DIV에 있는지 여부에 관계없이 절대 위치 지정을 위해 를 상위(참조 수준)로 사용하여 몇 개의 구조 레이어를 끌어서 내는지 확인합니다.

Css z-index를 사용하여 절대 위치 지정 중에 CSS 레이어의 겹치는 순서를 정의할 수 있습니다.

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

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