article thumbnail image
Published 2017. 5. 1. 19:35

Position

엘리먼트의 위치를 지정한다.

 

4가지 속성이 존재한다.

(1) static    - 속성의 기본 값 엘리먼트가 처음에 있어야 할 위치에 있음

(2) relative  - 엘리먼트가 처음에 있던 위치를 기준으로 상대적으로 px값들이 이동

(3) absoulte - 부모의 position 값이 relative라면 그 부모의 위치를 기준으로

                   존재하지 않는다면 화면 왼쪽 위 모서리를 기준으로 px값들이 이동

(4) fixed     - absoulte와 기준은 똑같지만 스크롤 되는 화면에서 그 자리를 계속 유지

 

(absolute와 fixed는 부모와의 관계가 끊기므로 영역이 자기자신만큼으로 줄어든다)

 

 

 

###결과

 

 

 

 

'IT 공부 > HTML,CSS' 카테고리의 다른 글

[CSS] css 미디어쿼리(mediaquery)  (0) 2017.05.01
[CSS] css-flex (레이아웃 만들기)  (0) 2017.05.01
[CSS] css 박스모델  (0) 2017.04.28
stylish 사용법  (0) 2017.04.28
[CSS] css 폰트/웹 폰트 사용  (0) 2017.04.27
복사했습니다!