
[css] position 속성 (relative, absolute, fixed)
2022. 3. 2. 03:37
개발이야기/HTML & CSS & SASS
position속성에 대해 알아보자. - position은 요소를 배치할때는 어떠한 기준을 말한다. position은 요소의 위치를 직접적으로 배치해주는것이 아니고, 배치를 위해 기준을 작성해주는 속성이다. (기준->위치설정) 그 기준에는 기본값으로 static이있다. 스테틱은 기본적으로 배치를 할 수 없는 상태를 말한다. 그럼 배치를 할 수 있는 속성들에는 1. relative - 요소 자신을 기준 2. absolute - 위치 상 부모 요소를 기준 3. fixed -뷰 포트(브라우저)를 기준 position 값을 사용하여 기준이 마련되면 실제로 위치를 설정해줘야하는데 그때 사용하는 속성은 top bottom left right z-index가 있다. 기본값은 auto이고 top: { 10px; } 이..