position속성에 관하여 질문이요.
에일린
2023.04.01
6개월차 퍼브리셔 입니다.
프로젝트를 하다 궁금한게 생겨서요
position사용에 있어서 학원에서
relative와 absolute 두가지 만 어떤걸 기준으로 어떻게 사용이 되는지 알려주었습니다.
그런데 일을 하다보니 이 두가지 외에fixed, static등 이 외에도 많더라구오
다른 속성들은 어떤걸 기준으로 어떻게 사용되는지 궁금해서
글올려요~
-
치리
fixed는 쇼핑몰같은데에 스크롤 내리면 보통 오른쪽에 네비바로 딸려내려오는 ..
예를 들면 봤던 상품들이라던가, top으로 이동 이런 메뉴바에 많이 쓰이는것 같습니다
스크롤을 하던말던 따라 움직이면서 지정한 위치에 고정 되있는 것들여 -
도리도리
position 은 그 딱 4가지 인걸로 알고 있어요 ..
-
일본어못해요
윗분 말씀에 추가로 fixed는 언제나 body를 기준으로 좌표값을 먹습니다.
-
이뻐
static 은 defalt 이구요, fixed는 보이는 화면에서 계속 고정위치입니다.
position:fixed; 해놓고 top:0; 으로 해놓으면 스크롤을 계속계속 내려도 화면의 top:0 위치에 계속 노출되어있습니다.
간단한 예를 들면 오픈마켓에서 화면 하단에 빠른 주문넣기로 하단에 계속 붙어다니는메뉴는
position:fixed; bottom:0; 을 이용하여 표현할 수 있습니다.