Under the Sign of Saturn

  • 🔎 Home
  • ✨ Portfolio
  • 👀 Github

position 1

[CSS] position의 이해. static/relative/absolute/fixed 그리고 sticky.

CSS 속성 중 fixed와 sticky 활용을 잘 못하는 것 같아서, 다시 한 번 점검용으로 또 면접 준비용으로 기록을 남겨보려고 한다. 우선 CSS의 position property에는 static, relative, absolute, fixed, sticky 다섯 종류가 있다. CSS의 각 속성은 top, right, left, bottom의 속성에 값을 넣어 최종적으로 문서 내 요소가 의도대로 배치될 수 있도록 도와준다. 단, static의 경우에는 해당 속성들은 물론, z-index 같은 속성의 도움을 받을 수 없다. 문서의 원래 흐름에 자연스럽게 위치되기 때문이다. relative 해당 속성을 가지는 요소는 원래의 문서 흐름을 배제하지 않지만, 자기 자신을 기준 삼아 top, bottom, r..

👩‍💻/CSS3 2021.04.24
1
더보기
프로필사진

프론트엔드 개발자의 Today I Learnt

  • 분류 전체보기 (110)
    • 👩‍💻 (93)
      • JavaScript (22)
      • React Native (0)
      • React (11)
      • Vue (11)
      • TypeScript (3)
      • Java (4)
      • ruby & python (7)
      • CSS3 (9)
      • HTML5 (3)
      • Data Base (1)
      • Firebase (3)
      • Git (5)
      • Network (9)
      • Web (2)
      • Markdown (1)
      • KNOU (2)
    • 🛠 (15)
      • Blog (2)
      • Dev Tool (13)
    • 💎 (2)
      • books (0)
      • Log (2)
      • Private (0)

Tag

vue, CRA, CSS, javascript, github, git, Typescript, 파이썬, 루비, Frontend, todolist, coding test, 프로그래머스, 리액트, ESLint, 프론트엔드, techBlog, vue.js, React, programmers,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바