[CSS] position, display, float 속성

Yerin·2019년 11월 26일
0
  1. position 속성

태그를 어떻게 위치시킬지를 정의하며, 아래의 5가지 값을 갖는다.

  • static: 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해 줄 수 없다.
  • absolute: 절대 좌표와 함께 위치를 지정해 줄 수 있다.
  • relative: 원래 있던 위치를 기준으로 좌표를 지정한다.
  • fixed: 스크롤과 상관없이 항상 문서 최 좌측상단을 기준으로 좌표를 고정한다.
  • inherit: 부모 태그의 속성값을 상속받는다.

좌표를 지정해주기 위해서는 left, right, top, bottom 속성과 함께 사용한다. position을 absolute나 fixed로 설정하면 가로 크기가 100%가 되는 block태그의 특징이 사라진다.

  1. display 속성

웹페이지 상에서 엘리먼트들이 어떻게 보여지고 다른 엘리먼트와 어떻게 상호 배치되는지를 결정한다.

profile
졸꾸 !!!

0개의 댓글