14
2022-Dec
CSS position 속성에 대하여 알아 보자작성자: 도도 조회 수: 162
position :
- static (정적) : 다른 요소들과의 기본적인 관계에 의하여 위치가 결정됨.
- 바로 앞의 relative 개체 또는 static 개체에 영향을 받음
- 바로 앞 개체가 없으면 부모개체의 기준점을 기준으로 함.
- relative (상대) : 바로 앞의 static 또는 relative 개체를 기준으로 좌표가 결정됨.
- 바로 앞 개체가 없으면 부모개체의 기준점을 기준으로 함.
- absolute (절대) : 부모개체(container)의 기준점을 기준을 좌표가 결정됨
- 자신의 정렬기준이 left 이면 부모개체의 외쪽을 기준
- 자신의 정렬기준이 right 이면 부모개체의 오른쪽을 기준으로 함.
- fixed (고정) : 스크롤시 항상 보임, 스크롤에 관계없이 브라우저 화면을 기준으로 고정됨.
- inherit (상속) : 부모개체의 속성값을 상속받음.