로그인

검색

14

2022-Dec

CSS position 속성에 대하여 알아 보자

작성자: 도도 조회 수: 138

position : 

  • static (정적)       : 다른 요소들과의 기본적인 관계에 의하여 위치가 결정됨.
                            - 바로 앞의 relative 개체 또는 static 개체에 영향을 받음
                            - 바로 앞 개체가 없으면 부모개체의 기준점을 기준으로 함.
     
  • relative (상대)     : 바로 앞의 static 또는 relative 개체를 기준으로 좌표가 결정됨.
                            - 바로 앞 개체가 없으면 부모개체의 기준점을 기준으로 함.
     
  • absolute (절대)   : 부모개체(container)의 기준점을 기준을 좌표가 결정됨
                            - 자신의 정렬기준이 left 이면 부모개체의 외쪽을 기준
                            - 자신의 정렬기준이 right 이면 부모개체의 오른쪽을 기준으로 함.
     
  • fixed (고정)        : 스크롤시 항상 보임, 스크롤에 관계없이 브라우저 화면을 기준으로 고정됨.
     
  • inherit (상속)      : 부모개체의 속성값을 상속받음.

 

List of Articles
번호 제목 글쓴이 날짜 조회 수
7 CSS 반응형 웹 미디어쿼리 얀젤 2022-01-31 122
6 CSS 반응형 웹 사이드바 만들기 얀젤 2022-01-31 352
5 Javascript 자바스크립트로 스타크래프트 만들기 강좌 얀젤 2022-01-30 202
4 HTML5 HTML 태그들, 헷갈리는거 정리 - 드림코딩 엘리 + 1 얀젤 2022-01-24 126
3 HTML5 신박한 html 태그 3가지 얀젤 2022-01-18 136
2 CSS CSS 란 ? + 2 얀젤 2022-01-13 122
1 Javascript 자바스크립트 개요 얀젤 2021-12-16 141