728x90
디폴트 값
position: fixed;
top: 0; /* 최상단에 위치하도록 설정 */
left: 0; /* 왼쪽에 위치하도록 설정 */
top: 0과 left: 0을 추가하여 항상 화면의 최상단에 고정되도록 합니다
= 위치를 지정해줘야함.
position: fixed로 고정하는 이유
position: fixed;를 사용하면 요소가 뷰포트(화면)의 상단을 기준으로 고정됨.
position: relative로 하면 왜 상단고정이 안되는 이유
position: relative;로 설정하면,
요소는 자신의 원래 위치를 기준으로 상대적으로 위치가 조정됨.
따라서 top: 0;을 사용하면 원래 위치에서 상단에 고정되지 않고 그 자리에서 이동.
728x90
'> 포트폴리오 > wiggle wiggle' 카테고리의 다른 글
[SCSS] 지나가는 전광판 만들기 (0) | 2024.07.02 |
---|---|
[SCSS] 검색창 만들기 ( search ) (0) | 2024.07.01 |
[SASS] 로고와 메뉴바 위치 지정하기 (display:flex) (0) | 2024.06.21 |
[SASS] 상단 메뉴바 생성과 position 이해 ( X버튼 추가 ) (0) | 2024.06.19 |
[SASS] 상단 바 만들기 (0) | 2024.06.18 |