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 (상태좌표) 이렇게 지정을 하면 현재 자기 위치에 지정된 상대값만큼 이동시킵니다
중요한것은 원래 엘리먼트가 표시될 위치가 기준점이라는 것입니다.