position:relative1 [CSS] position:relative 속성 예제 예제로를 통하여 position:relative 속성에 대하여 알아보도록 하겠습니다. 【기본예제】 기본예제 ※ width 설정을 하지 않을 경우 자동으로 100% 로 설정 됩니다. 【좌표지정】 ※ body 생략 기준 DIV ※ 가로의 길이가 100%인 div가 오른쪽으로 20px로 이동하기 때문에 그만큼(20px)의 스크롤이 발생하게 됩니다. ※ 기본적으로(아무것도 없는 상태) 좌표지정의 기준은 최상단 좌측이 됩니다. 【텍스트가 자리 하고 있는 경우】 ※ body 생략 텍스트 문구 등이 자리 하고 있습니다. 결과는? 기준 DIV ※ 기준이되는 위치가 '결과는?' 으로 변경 됩니다. 변경 된 기준 위치에서부터 아래로 20px 떨어지게 됩니다. 【relative 또는 static 값의 div가 위치 하고있는.. 2018. 3. 24. 이전 1 다음