CSS position 속성에서 relative와 absolute의 차이점으로 올바른 것은?

쉬움 MDN Web Docs

보기 및 정답

A relative는 원래 위치 기준으로 이동하고, absolute는 가장 가까운 positioned 조상 기준으로 배치된다

B position: fixed 요소는 스크롤할 때 뷰포트가 아닌 최상위 부모 요소를 기준으로 위치가 고정되어 이동한다

C position: relative를 적용한 요소는 자식의 absolute 위치 기준이 되지 않으며 별도로 기준 요소를 지정해야 한다

D z-index 값이 높은 요소가 항상 다른 쌓임 맥락의 요소보다 위에 표시되며 쌓임 맥락 경계는 무시된다

position: relative는 요소가 원래 위치를 유지하면서 top, left 등으로 상대적으로 이동합니다. position: absolute는 문서 흐름에서 제거되어 가장 가까운 position이 지정된 조상 요소(또는 <body>)를 기준으로 배치됩니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

로그인