• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

margin : auto 와 position : absolute 의 차이가 궁금합니다

21.09.20 16:31 작성 조회수 499

1

자주 나오는 개념같은데 제가 헷갈려서 질문드립니다. ^^; 보통 부모자식관계를 설정할때 position : absolute를 써서 원하는 위치에 놓는것으로 알고 있습니다. 그런데 어떨때는 강의에 나오는 header 와 header-inner 같이 margin:auto를 사용하던데 그 차이가 궁금합니다. 예를 들어 단순히 센터배치일때도 position : absolute 와 top/ left/ transform 등을 써서 센터에 놓기도 하잖아요. 

답변 1

답변을 작성해보세요.

1

너무 깊이 생각하실 필요는 없어요.

margin: auto는 요소를 수평 중앙보내는 역할입니다. 부모요소가 바뀌던 말던 상관없이 자기 자신이 수평중아에 가는거구요.

position을 사용하는건 부모요소를 기준으로 위치시켜야 하는 경우에 사용합니다.

만약 단순하게 요소를 수평중앙에 보내야 할 경우 position을 사용하는 것보다 그냥 margin: auto 사용하는 것이 맞습니다.

답변 감사합니다 ^^ 잘 활용해보겠습니다!