작성한 질문수
애플 웹사이트 인터랙션 클론!
위치가 고정된 요소의 처리
작성
·
257
0
.sticky-elem {position: fixed;}
을 하고 left:0, left:100 을 주나 위치가 변동이 되지 않습니다.
마찬가지로 right 값을 줘도 변하지 않습니다.
결론은 top:0 이 값만 있어도 가운데로 고정이 됩니다.위치가 변하지 않는데 굳이 left:0 을 주는 이유가 궁금합니다.
답변 1
absolute나 fixed를 사용할 때, 기본 위치 설정의 의미로 left: 0; top: 0; 을 설정하고 시작하는 경우가 많습니다. 주변 요소의 속성이나 관계에 따라 기본 위치가 변하는 경우도 있어서, '안전하게 기본 위치를 설정하고 시작한다' 정도의 의미로 생각해주시면 될 것 같습니다^^