CSS Position (static, relative, absolute, fixed)

본 포스트는 예전에 다른 블로그에 올렸던 포스트를 수정해서 다시 올렸습니다 Position 속성은 html문서내 요소를 배치하는 방법을 지정해주는 속성으로 static, relative, absolute, fixed 그리고 IE에서는 지원하지 않는 sticky 이렇게 5가지의 값을 줄수있고 기본값으로는 static으로 설정됩니다. 오늘은 sticky를 제외한 4가지 속성을 구체적으로 살펴보면서 각자의 특성을 이해해보도록 하겠습니다. Static position: static 앞에서 말했듯이 포지션 속성(position property)의 기본값입니다. 다른 속성보다 눈에 익숙하지않는 이유는 기본값이라 굳이 명시를 하지 않기 때문입니다. static 요소를 만들면 일반적인 흐름을 (normal flow) ..

2022.02.13