본문 바로가기
코딩/CSS

position 속성

by rosemarie 2023. 4. 10.
반응형

position 속성:

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

좌표를 지정 해주기 위해서는 left, right, top, bottom 속성과 함께 사용합니다.

position을 absolute나 fixed로 설정시 가로 크기가 100%가 되는 block 태그의 특징이 사라지게 됩니다.

'코딩 > CSS' 카테고리의 다른 글

가상요소 선택자 ::before, ::after 사용법  (0) 2023.04.23
Webkit  (0) 2023.04.13
margin, padding 차이  (0) 2023.04.10
e.target과 e.currentTarget의 차이  (0) 2023.04.08
flex-basis 속성  (0) 2023.04.05