https://dydals5678.tistory.com/42 CSS - 문서의 보이는 순서 (Z-INDEX , POSITION) POSITION HTML 문서의 엘리먼트 배치는 일단 순서대로 배치가된다. 그중 POSITION 속성이 있으면 POTSITION 의 값과는 상관없이 POSITION의 속성이 있는 엘리먼트들이 순서대로 배치가된다 하지만 POSITION이 dydals5678.tistory.com 나는 html의 요소의 쌓이는 순서가, 요소가 위차하는 순서나 z-index로만 결정되는 줄 알았는데, 최근에야 position도 쌓임 순서에 영향을 미친다는 것을 깨달았다. 예를 들어서 position 값이 있는것과 없는것이 있다면, 없는 것이 뒤쪽에 배치가 된다. 즉, 같은 형제레벨에서 position..

https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context#%EC%8C%93%EC%9E%84_%EB%A7%A5%EB%9D%BDhttps://developer.mozilla.org/ko/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context#%EC%8C%93%EC%9E%84_%EB%A7%A5%EB%9D%BD 쌓임 맥락 - CSS: Cascading Style Sheets | MDN 쌓임 맥락(stacking context)은 가상의 Z축을 사용한 HTML 요소의 3차원 개념화입니다. developer.moz..