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
본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
154 How do I test for an empty JavaScript object? 졸리운_곰 2019.03.19 617
153 Javascript 자바스크립트 NaN (숫자)인지 체크 file 졸리운_곰 2019.03.19 356
» css - position (static, relative, absolute, fixed 차이) 졸리운_곰 2019.03.16 414
151 포지션 css - position (static, relative, absolute, fixed 차이) 졸리운_곰 2019.03.16 496
150 Grouping JSON by values 졸리운_곰 2019.03.13 382
149 Grouping Array Data — JSON file 졸리운_곰 2019.03.13 359
148 ECMAScript 6: maps and sets 졸리운_곰 2019.03.11 349
147 [jQuery]요소를 추가하는 메소드(append, prepend, after, before) 졸리운_곰 2019.03.10 575
146 jQuery / Method / .text() - 선택한 요소 안의 내용을 가져오거나, 다른 내용으로 바꾸는 메서드 file 졸리운_곰 2019.03.10 586
145 How do you convert a jQuery object into a string? 졸리운_곰 2019.03.10 454
144 Comparing a Text Element and a String 졸리운_곰 2019.03.10 320
143 How to check whether a string contains a substring in JavaScript? 졸리운_곰 2019.03.10 366
142 JQuery 오브젝트 셀렉트한 select object의 내용 확인 졸리운_곰 2019.03.10 600
141 자바스크립트 세번째 - 배열 (2차원배열), for/in 문 file 졸리운_곰 2019.03.09 498
140 HOW TO USE JQUERY TO SORT AND REORGANIZE YOUR CONTENT : jquery html 정렬 sort file 졸리운_곰 2019.03.09 323
139 jquery로 html의 내용이 변경 되었을때 텍스트 내용 가져오기 질문 드립니다. file 졸리운_곰 2019.03.09 324
138 자바스크립트 – 객체안에 값이 있는지 여부 졸리운_곰 2019.03.08 481
137 브라우저 현재 작업창 닫기 졸리운_곰 2019.03.07 477
136 document.write: HTML 웹페이지에 글쓰기(문자열 출력) 예제 졸리운_곰 2019.03.07 271
135 jQuery를 사용하여 텍스트 변경하기 졸리운_곰 2019.03.07 280
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED