로그인

검색

14

2022-Dec

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

작성자: 도도 조회 수: 138

position : 

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

 

List of Articles
번호 제목 글쓴이 날짜 조회 수
25 CSS 태그, 클래스, ID 에 따른 CSS 표기 방법 - 선택자 도도 2023-12-06 136
24 Javascript 자바스크립트 프로처럼 쓰는 팀 - 드림코딩 dodoworks 2023-12-05 173
23 HTML5 HTML 요소 참고서 + 5 도도 2023-12-02 139
22 CSS CSS 다중조건 선택자 규칙 해석 dodoworks 2023-11-30 181
21 코딩 HTML CSS JavaScript 를 학습할 수 있는 사이트 ofcource file dodoworks 2023-11-30 106
20 Javascript Carousel 슬라이더 만들기 도도 2023-11-22 95
19 Javascript 실용 자바스크립트 6강 : 리액트포기자를 위한 jQuery 빠른기초 도도 2023-11-22 149
18 하루한문장 광대가 왕궁에 들어간다고 왕이 되지 않는다. 왕궁이 서커스장이 된다. - 튀르키예 속담 - 도도 2022-12-28 94
17 CSS selector 를 알면 CSS를 다양한 방법으로 적용할 수 있다. 도도 2022-12-14 147
» CSS position 속성에 대하여 알아 보자 도도 2022-12-14 138