CSS
Position
웅-이
2022. 5. 2. 14:07
position : static
위에서 아래로 배치 , 위치 속성 비활성화 position의 기본값
position : relative
위치속성 활성화 기준: 본인이 원래 있었던 위치
1-2. Absolute
요소를 일반적인 문서 흐름에서 제거한다.
가장 가까운 위치에 있는 조상 요소를 기준으로 배치한다.
- 조상 요소 위치를 기준으로 위쪽(top), 아래쪽(bottom), 왼쪽(left), 오른쪽(right)에서 얼마만큼 떨어질 지 결정한다.
- 조상 중 Position을 가진 요소가 없다면 초기 컨테이닝 블록(<body>요소)를 기준으로 삼는다. (static을 제외한 값)
- 문서 상 원래 위치를 잃어버린다. (아래에 있는 div가 해당 자리를 차지한다)
부모요소가 없기때문에 body태그 기준이 된다.
즉 화면을기준으로 위치 활성화
실습 position 방법
실습2 박스사이징 방법
