인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

corp.starcoex님의 프로필 이미지
corp.starcoex

작성한 질문수

애플 웹사이트 인터랙션 클론!

위치가 고정된 요소의 처리

.sticky-elem 질문입니다.

작성

·

257

0

.sticky-elem {position: fixed;}

을 하고 left:0, left:100 을 주나 위치가 변동이 되지 않습니다.

마찬가지로 right 값을 줘도 변하지 않습니다.

결론은 top:0  이 값만 있어도 가운데로 고정이 됩니다.
위치가 변하지 않는데 굳이 left:0 을 주는 이유가 궁금합니다.

 

 

답변 1

0

1분코딩님의 프로필 이미지
1분코딩
지식공유자

absolute나 fixed를 사용할 때, 기본 위치 설정의 의미로 left: 0; top: 0; 을 설정하고 시작하는 경우가 많습니다. 주변 요소의 속성이나 관계에 따라 기본 위치가 변하는 경우도 있어서, '안전하게 기본 위치를 설정하고 시작한다' 정도의 의미로 생각해주시면 될 것 같습니다^^

corp.starcoex님의 프로필 이미지
corp.starcoex

작성한 질문수

질문하기