[CSS] Position 에 대해 알아보자!

2022. 1. 4. 12:54·Frontend/HTML & CSS
  • static
    ⇒  기본값, html 에 정의된 순서대로 자연스럽게 보여지는것! 설정안하면 가장 기본값으로 되어 있음

 

  • relative
    ⇒ 원래 있던 자리(static)를 기준으로 top bottom left right를 조정해서 설정함!!

 

  • absolute
    ⇒ 부모 박스를 기준으로 정렬되는것! 

 

  • fixed
    ⇒ 웹 페이지를 기준으로 정렬되는것

 

  • sticky
    ⇒ 원래의 자리에 위치하나, 스크롤링 되어도 고정되어 있는것!
'Frontend/HTML & CSS' 카테고리의 다른 글
  • [CSS] Flexbox 란 무엇인가?
Jeohong
Jeohong
기억 보단 기록을
  • Jeohong
    Chikong Devlog
    Jeohong
  • 전체
    오늘
    어제
    • 분류 전체보기 (186)
      • ---- 개발 컨텐츠 ---- (0)
      • iOS (30)
        • Swift 문법 (1)
        • iOS 개념 (12)
        • HIG (5)
        • SwiftUI (7)
        • UIKit (4)
      • Side Project (0)
      • 개발서적 (4)
        • 객체지향 사실과 오해 (4)
      • 알고리즘 (74)
        • 자료구조 개념 (2)
        • Swift (25)
        • JavaScript (47)
      • ---- 회고 계획 컨텐츠 ---- (0)
      • 계획 및 일기 (10)
      • 회고록 (1)
      • 컨퍼런스 탐방 (1)
      • 미드로 영린이 탈출하기 (1)
      • ---- Previous content ---- (0)
      • Frontend (2)
        • HTML & CSS (2)
      • KITRI 수업 (17)
        • 리눅스 (14)
        • 네트워크 (2)
      • 42seoul (17)
        • Bonr2code (9)
        • 넋두리 (7)
        • 멘토특강 (1)
      • 해킹 실습 (20)
        • 해커스쿨 - F.T.Z (19)
        • WebGoat (1)
      • Tensorflow로 시작하는 NLP (1)
        • 예제 (1)
      • 자연어처리 입문 (1)
        • 이론 (1)
      • 텐서플로로 배우는 딥러닝 (7)
        • 이론 (2)
        • 예제 (5)
  • 블로그 메뉴

    • 홈
    • 태그
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Algorithm
    42seoul
    SwiftUI
    본과정
    javascript
    개발자
    알고리즘
    swift
    코딩
    IOS
    스위프트
    hig
    자료구조
    프로그래머스
    boj
    네트워크
    1서클
    42서울
    라피신
    백준
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.4
Jeohong
[CSS] Position 에 대해 알아보자!
상단으로

티스토리툴바