• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

position: relative 질문드립니다.

21.01.10 19:56 작성 조회수 120

0

좋은 강의 감사합니다.

일단 card-side  클래스는 서로 같은 위치에 겹쳐져야하기 때문에 position: absolute를 사용해야하는 건 이해했습니다.

그런데 card 클래스는 왜 relative를 사용해야하는지 이유가 궁금합니다. 

답변 1

답변을 작성해보세요.

1

그냥 card-side에 position: absolute;만 하게 되면, 브라우저 왼쪽 위에 달라붙게 되는데요,
absolute인 엘리먼트의 부모 엘리먼트에 position: relative;를 해주면, 부모의 위치를 기준으로 0, 0을 잡습니다.
즉 .world의 가운데에 있는 .card의 위치를 기준으로 .card-side들이 absolute 위치를 잡도록 하기 위해
.card에 position: relative;를 주었다고 생각하시면 됩니다.
position: relative;를 지우거나 주석처리 하고 한번 테스트 해보시면 감 잡으실 수 있을 거에요^^