✏️웹개발을 배워보자 / position , z-index

position

종류	absolute,fixed	relative	static(기본값)
너비	최대한 줄어든다	그대로 유지	그대로 유지
본질	유령화,유령의집화	유령의집화	사람화
겹침허용	겹치는게 가능	겹치는거 불가능	겹치는거 불가능
이동	top,left,right,bottom으로 이동,기준이 부모유령	top,left,right,bottom으로이동 기준이 현재위치	-

absolute

<section>
  <div></div>
  <div></div>
  <div></div>
</section>

위와같이 원래대로라면 section에 부여되어있는 border 안에 div들이 모여있어야하지만,
position:absolute;를 줌으로써 div들이 각각 원래설정되어있는 top,left자리로 가게된다

fixed

• fixed 는 absolute와 성질은 비슷하지만 , 스크롤이 있다면 fixed는 스크롤을 움직여도 따라다닌다

z-index

• z-index가 높은 엘리먼트가 최상단에 위치한다.