#1 핵심 CSS 복습하기!
position에 대하여 알아보자!
아무것도 선언해주지 않는다면 기본값은 relative이다.
position:abdolute는 지금과 같은 경우 기준점이 div로 바로 위의 조상을 기준으로 움직인다.
body를 길게 늘린경우 (웹사이트) 우측에 스크롤바가 생긴다. position: fixde를 이용하면 스크롤을 아무리 내리더라도 설정한 값의 위치에 따라 고정할 수 있다. 예를 들면 쇼핑몰의 카톡상담 아이콘이 있다.
position: fixde 사용시 주의할 점은 위의 내용과 같이 P 태그와 겹쳐서 보여질 수 있다는 것을 염두해 두고 사용 하여야 한다.
position: sticky 는 주로 모바일에서 많이 사용한다. 스크롤을 따라 올라가지다가 요소가 딱 걸쳐질 경우 고정된다.
바로 위의 사진이 요소에걸쳐서 고정된 경우의 사진이다.
지금까지 position에 대하여 알아보았다 앞으로도 꾸준한 복습이 필요할 것 같다.
'🤗CSS' 카테고리의 다른 글
| 핵심 css!(3/3) (0) | 2023.01.01 |
|---|---|
| 12월 12일~ 18일 학습내용 (0) | 2022.12.18 |