인프런 커뮤니티 질문&답변
작성한 질문수
margin : auto 와 position : absolute 의 차이가 궁금합니다
작성
·
733
1
자주 나오는 개념같은데 제가 헷갈려서 질문드립니다. ^^; 보통 부모자식관계를 설정할때 position : absolute를 써서 원하는 위치에 놓는것으로 알고 있습니다. 그런데 어떨때는 강의에 나오는 header 와 header-inner 같이 margin:auto를 사용하던데 그 차이가 궁금합니다. 예를 들어 단순히 센터배치일때도 position : absolute 와 top/ left/ transform 등을 써서 센터에 놓기도 하잖아요.
답변 1
1
코딩웍스(Coding Works)
지식공유자
너무 깊이 생각하실 필요는 없어요.
margin: auto는 요소를 수평 중앙보내는 역할입니다. 부모요소가 바뀌던 말던 상관없이 자기 자신이 수평중아에 가는거구요.
position을 사용하는건 부모요소를 기준으로 위치시켜야 하는 경우에 사용합니다.
만약 단순하게 요소를 수평중앙에 보내야 할 경우 position을 사용하는 것보다 그냥 margin: auto 사용하는 것이 맞습니다.
답변 감사합니다 ^^ 잘 활용해보겠습니다!