Position Absolute
- 일반 요소들로부터 독립하게 된다.
물과 기름처럼 분리되어 float 처럼 위로 뜬다. (무조건 걔는 그 위치인거임)
- 따로 지정하지 않을 시 가로 세로 길이 X
- left, top 값 기준 (기본적으로 body)
// Position absolute 활용
// 안보이는 곳에서 이동하는 효과를 줄 때도 활용
div {
position : absolute;
left: -30px;
}
- absolue 요소 들 끼리 겹칠 수 있다. (나중에 markup 된 게 기본적으로 위에 올라옴)
.jpg)
Z-index layer 개념 ( 높은 숫자가 위로 )
z-index : 1 / z-index : none 이면 기본적으로 전자가 위로 올라온다.
- z-index값이 설정된 요소끼리 z-index 값이 높을 수록 위로 올라옴
- z-index 값이 동일한 경우 markup 순서와 동일하게 표시