HTML

css 레이아웃 position

이상욱1 2015. 9. 6. 14:33

position 은 엘리먼트가 브라우저의 페이지 안에 표시되는 방법 지정 

위치를 표시되는 방법 2가지 

1. absolute 

2.relative 

1.ex) p{ position:absolute;} - p 엘리먼트가 화면에 표시될때 절대좌표계로 표시됨 

브라우저의 왼쪽상단이 기준점(0, 0) 이 되어 오른쪽 하단의 지정된 좌표로 (x, y) 로 이동하여 표시됨 


2.  relative (상태좌표)  이렇게 지정을 하면 현재 자기 위치에 지정된 상대값만큼 이동시킵니다 

중요한것은 원래 엘리먼트가 표시될 위치가 기준점이라는 것입니다.