인프런 커뮤니티 질문&답변

일단 position이 기본값인 static인 엘리먼트들은 top이 동작을 안하므로 margin-top을 사용하고요,
position: relative의 경우에는 목적에 따라 다릅니다.
margin-top을 할 경우 그 아래에 있는 엘리먼트도 같이 내려가기 때문에 그런 동작을 원하는 경우 사용하고, 아래의 엘리먼트에 영향은 주지 않고 현재 엘리먼트의 위치만 바꾸고 싶은 경우는 top을 사용합니다. relative인 요소는 이렇게 margin-top과 top의 동작이 다르므로 필요에 따라 적절한 것을 사용해주시면 됩니다~