-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
위치 이동에 관해 질문이 있습니다.
22.05.25 22:27 작성 조회수 107
0
JS보다 어려운게 CSS 같습니다...
질문이 있는데, 선생님께서는 위치를 이동시킬 때, 1. margin-Top과 2. position을 주고 top을 주는 두 방법에 대해 어떤 기준으로 나눠서 사용하시는지 궁금합니다. 아니면, 그냥 사용하시는건지요
답변을 작성해보세요.
1
1분코딩
지식공유자2022.06.13
일단 position이 기본값인 static인 엘리먼트들은 top이 동작을 안하므로 margin-top을 사용하고요,
position: relative의 경우에는 목적에 따라 다릅니다.
margin-top을 할 경우 그 아래에 있는 엘리먼트도 같이 내려가기 때문에 그런 동작을 원하는 경우 사용하고, 아래의 엘리먼트에 영향은 주지 않고 현재 엘리먼트의 위치만 바꾸고 싶은 경우는 top을 사용합니다. relative인 요소는 이렇게 margin-top과 top의 동작이 다르므로 필요에 따라 적절한 것을 사용해주시면 됩니다~
답변 1