position

position

position은 레이아웃을 배치하거나 요소를 위치시킬때 사용하는 css속성.
상속x

position:static

기본값, 따로 설정해줄 필요없음.

position:relative / absolute

position: absolute는 <가장 가까운 위치에 있는 조상 요소를 기준> 부모를 기준으로 절대적으로 움직이게 된다.일반적으로 absolute를 쓸 경우, 기준이 될 부모에게 position: relative; 를 부여하면 된다.

position:fixed

position: fixed는 브라우저 화면의 상대적 위치 화면에서 스크롤을 내려도 요소가 고정할수있게 위치를 설정 할 수 있고, 상위 요소에 영향은 받지않는다.

position:sticky

지정한 스크롤 위치에 도달하기 전까지는 static 속성처럼 행동하다가 정해놓은 기준에 도달하면 fixed처럼 고정된다.

block: 한줄차리 div,p

inline: 요소크기만큼 차지 span