[CSS] position(static, relative, absolute, fixed, sticky)
position static 기본값, 일반적인 순서(왼쪽에서 오른쪽, 위에서 아래)로 요소를 배치한다. top, bottom, right, left, z-index의 영향을 받지 않는다. relative static과 마찬가지로 일반적인 순서에 따라 요소를 배치하지만, top, bottom, left, right, z-index 속성으로 요소의 위치를 조정할 수 있다. top, bottom, left, right 속성은 각각의 방향을 기준으로 태그 안쪽 방향으로 이동하게 된다. 예) top: 5px은 화면의 위(top)에서 안쪽으로(화면 가운데쪽으로) 5px만큼 이동한다. 요소를 더 위쪽으로(바깥쪽으로) 이동시키고 싶다면 -5px을 주면 된다. left: 10px은 화면 왼쪽에서 안쪽으로(가운데쪽으로) ..
2021. 4. 9.