로그인

검색

14

2022-Dec

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

작성자: 도도 조회 수: 495

position : 

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

 

List of Articles
번호 제목 글쓴이 날짜 조회 수
20 Javascript Carousel 슬라이더 만들기 도도 2023-11-22 528
19 Javascript 실용 자바스크립트 6강 : 리액트포기자를 위한 jQuery 빠른기초 도도 2023-11-22 614
18 하루한문장 광대가 왕궁에 들어간다고 왕이 되지 않는다. 왕궁이 서커스장이 된다. - 튀르키예 속담 - 도도 2022-12-28 367
17 CSS selector 를 알면 CSS를 다양한 방법으로 적용할 수 있다. 도도 2022-12-14 506
» CSS position 속성에 대하여 알아 보자 도도 2022-12-14 495
15 Git Git 얀젤관리자 2022-10-04 510
14 CAD AutoCAD 강의 자료 - 서울과학기술대학교 김성환 교수 자료실 secret 얀젤 2022-08-22 1
13 Python 니콜라스와 함께 Python으로 웹 스크래퍼 만들기 얀젤관리자 2022-06-03 549
12 하루한문장 Herbert Hoover - 미국 제31대 대통령 얀젤 2022-03-11 342
11 Javascript 움직이는 애니매이션 메뉴 바 만들기 얀젤 2022-01-31 520