CSS에서 "position : relative"는 언제 사용합니까?

CSS에 position:relative을 적용해야하는 몇 가지 조건이나 상황에 대해 알고 싶습니다.CSS에서 "position : relative"는 언제 사용합니까?

2012-12-20 Anonymous

요소는 정상 위치에 상대적 위치, 이렇게됩니다 : CSS 트릭 웹 사이트를 제대로 이해하려면이 링크를 읽기 "왼쪽 : (20)는"요소의 왼쪽 위치 –

@MoortyGK에 20 개 픽셀을 추가, '남아 : 20'은 부적합하며 브라우저를 준수하면 무시됩니다. –

yah !! 나는 우리가 left = "20px"처럼 쓰면 왼쪽에서 20px 요소를 옮겨서 원래의 위치에서 왼쪽으로 20px 오프셋을 더합니다. –

나는 요소의 내부 요소가 절대적으로 위치 할 것임을 알 때 주로 요소에서 relative : relative를 사용합니다.

예를 들어 두 div가 있고 div 외부가 정적 블록이고 외부 div 내부의 요소가 외부 div에 상대적으로 상대적으로 배치됩니다. 그런 다음 position : relative를 외부 div에 사용하고 inner div는 position : absolute를 사용해야합니다. 내부 div 요소는 CSS의 위쪽, 아래쪽, 왼쪽 및 오른쪽 속성을 사용하여 어디에나 배치 할 수 있습니다. 요소의 좌측 위치

출처

2012-12-20 11:01:31 Sahil

예! 좋은 답변입니다. 그리고 "우리는 내부 블록의 관련 위치에 대해 걱정할 필요가 없습니다"라고 설명 했으므로. 자동으로 조정됩니다. –

네가 맞다. :) CSS에서 포지셔닝에 어려움을 겪었을 때 나는 몇 가지 YouTube 튜토리얼을 보았고, 그 후에는 position 속성을 사용하는 것에 대해 매우 확신한다. – Sahil