Spell

HTML 을 작성하다 보면 태그들이 서로 겹치는 경우가 있다. ex) default 이런 경우... HTML 에서는 나중에 배치된 것이 화면상에서 제일 위로 오게 되는데, 이때, z-index를 사용하여 뒤에 있는 태그를 끌어올릴 수 있다. ​ 보라색을 맨위로 끌어보자 .base > div:nth-child(4){ width:100px; height: 100px; background-color:purple; position: absolute; border-radius: 50%; top: 90px; left: 150px; z-index: 1; } 다른 코드는 무시하고 맨 밑에 있는 z-index: 1; 에 주목하자. 이 옵션은 겹쳐질 경우 우선순위 레벨을 설정하여 배치된 순서에 상관없이 위로 끌어올릴 수 ..