[CSS] positon

민승기·2023년 11월 12일

CSS

목록 보기
1/2
post-thumbnail

CSS의 position 속성을 사용하여 HTML의 요소들을 원하는 위치에 배치할 수 있다.

static

  • 따로 설정해주지 않으면 기본값으로 static이 적용된다.
  • right, left, top, bottom 의 속성값은 position 속성이 static일때는 무시된다.

relative

  • 요소의 현재 위치를 기준으로 벗어나게 배치가 가능하다.

absolute

  • 부모요소를 기준으로 가장 가까운 상위요소를 기준으로 배치가 가능하다.

sticky

  • 스크롤링을 실행할때 특정 위치에서 움직이지 않게 할 수 있다.

fixed

  • 특정부분에 고정되어 움직이지 않게 할 수 있다.

profile
개발자를 꿈꾸는 늙은이👨🏻‍💻

0개의 댓글