CSS3 - CSS position 속성 static, fixed, absolute, relative 정리


CSS3 - CSS position 속성 static, fixed, absolute, relative 정리

position 개요 객체를 위치시킬 때 사용하는 속성 상속되지 않음 사용법 position: absolute | fixed | static(default) | relative absolute : 절대값; 해당 태그를 감싸는 상단 태그가 기준, 스크롤하면 움직임 fixed : 화면상에 고정, 스크롤해도 움직이지 않음 static : default relative : 원래 내가 있어야 할 자리에서 이동 예제) 전체 코드 더보기 설명 전에 위 그림과 영상을 보고 생각해 보세요 (영상 파란색과 초록색이 바뀐 이유는... 색 조정을 다시하고 영상을 만들었기 때문입니다..) 그럼 간략히.. fixed 현재 화면을 기준으로 고정된 값입니다. 브라우저 왼쪽 상단 모서리가 기준입니다. 스크롤을 내려도 고..


원문링크 : CSS3 - CSS position 속성 static, fixed, absolute, relative 정리