CSS: Position 정리 (Static, relative, absolute, sticky, fixed)
CSS: Position 정리 (Static, relative, absolute, sticky, fixed) 1. Static (position 기본값) -top bottom left right 값을 지정해줘도 영향을 받지 않는다. -HTML에서 표기된 순서대로, 들어있는 순서대로에 맞게 포지션이 결정 2. relative -원래있던 공간(예를들면, 자신이 속해있는 parent box안) 유지하면서 위치 이동. -기존의 자리에서 top bottom left right의 값에 영향을 받는다. 3. absolute -원래있던 자리(속해있는 박스 안에서 위치 이동하지 않고) static이 아닌 parent를 찾아 거기서 이동한다. (예를들면, body로 부터 이동됨) *부모의 사이즈에 따라 사이즈가 변동된다...
2020. 7. 17.
