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 |