CSS 에서 absolute 와 relative 를 인식 합 니 다.

많은 친구 들 이 저 에 게 absolute 와 relative 를 어떻게 구분 하고 어떻게 사용 하 느 냐 고 물 어 봤 어 요.우 리 는 모두 absolute 가 절대적 인 포 지 셔 닝 이라는 것 을 알 고 있 습 니 다.relative 는 상대 적 인 포 지 셔 닝 입 니 다.그러나 이것 은 절대적 인 것 과 상대 적 인 것 이 무슨 뜻 입 니까?절대적 으로 어느 곳 의 절대적 이 고,상대 적 으로 또 어느 곳 에 비해 말 합 니까?그들 은 또 어떤 특성 을 가지 고 있 고 어떤 효 과 를 낼 수 있 을 까?둘 사이 에는 또 어떤 기교 가 있 습 니까?다음은 일일이 읽 어 보 겠 습 니 다.
Absolute,CSS 의 문법 은:position:absolute;TOP,Right,BOTTOM,LEFT(이하 TRBL 로 약칭)는 포 지 셔 닝 을 하고 TRBL 을 설정 하지 않 으 면 기본적으로 부모 급 에 따라 원시 점 을 원시 점 으로 표시 합 니 다.TRBL 을 설정 하고 부모 급 이 position 속성 을 설정 하지 않 으 면 현재 absolute 는 브 라 우 저 왼쪽 상단 을 원점 으로 위치 추적 하고 위 치 는 TRBL 에 의 해 결 정 됩 니 다
일반적으로 웹 페이지 가 가운데 에 있 으 면 Absolute 를 사용 하면 오류 가 발생 하기 쉽다.웹 페이지 는 해상도 의 크기 에 따라 자동 으로 적응 되 기 때문에 Absolute 는 브 라 우 저의 왼쪽 상단 을 원시 점 으로 하고 해상도 의 변화 에 따라 위 치 를 바 꾸 지 않 기 때문이다.많은 사람들 이 실 수 를 하 는 것 은 바로 이 점 에서 실수 하 는 것 이다.웹 페이지 가 왼쪽 에 있 는 특성 은 Relative 와 비슷 하지만 본질 적 인 차이 가 있다.
Relative,CSS 의 문법 은:position:relative;  그의 뜻 은 절대적 으로 상대 적 으로 포 지 셔 닝 을 한 다 는 것 이다.그 는 아버지 급 의 원시 점 을 원시 점 으로 하고 아버지 급 이 없 으 면 BODY 의 원시 점 을 원시 점 으로 하 며 TRBL 과 함께 포 지 셔 닝 을 한다.아버지 급 에 padding 등 CSS 속성 이 있 을 때 현재 급 의 원시 점 은 아버지 급 내용 구역 의 원시 점 을 참조 하여 포 지 셔 닝 을 한다
때때로 우 리 는 z-index 에 의존 하여 용기 의 상하 관 계 를 설정 해 야 한다.수치 가 클 수록 맨 위 에 있 고 수치 범 위 는 자연수 이다.물론 한 가지 주의해 야 할 것 은 부자 관 계 는 z-index 로 상하 관 계 를 설정 할 수 없 으 며 반드시 자 급 이 상부 급 에 있 는 것 이다.