css - position (static, relative, absolute, fixed 차이)

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

 

element의 위치를 정할때 position을 사용한다.

현재의 element의 상황을 고려하여 기준을 정하고
그기준으로 부터 top, bottom, left, right의 속성을 사용해서,
위치를 디테일하게 잡으면 된다.

static : 프로그래밍에서 쓰는 static 키워드 처럼 위치 값이 먹지 않는다.
relative : 이전의 element가 기준이 된다 그로부터 위치값을 계산한다.
absolute : 부모 element가 기준이다. 그러나 static은 무시한다.
fixed : absolute 처럼 부모가 기준이나, 스크롤질을 해도 위치가 변경되지 않는다. 위젯으로 써먹기 딱 좋다.
 
[출처] http://changpd.blogspot.com/2015/10/css-position-static-relative-absolute.html
본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED