본문 바로가기 메뉴 바로가기

Persistence

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Persistence

검색하기 폼
  • 분류 전체보기 (360)
    • 공부일지(TIL) (137)
      • JavaScript (36)
      • JS Framework + Library (43)
      • CSS (8)
      • Web (16)
      • Error case (10)
      • Others (24)
    • Java (40)
    • Python (8)
    • SQL (11)
    • Data Structure & Algorithm (33)
    • TIL (106)
    • Other Stuff (22)
  • 방명록

position layout (1)
[CSS] Positioned Layout

flow 레이아웃이 요소들 간 겹치지 않도록 했다면 포지션 레이아웃에서는 가능하다. 포지션 레이아웃은 다음과 같은 종류가 있다. static (그냥 디폴트) relative absolute fixed sticky position relative 특정 자식을 제한한다 추가적인 css 프로퍼티를 사용할 수 있다 포지션 레이아웃을 사용하면 top, left, right, bottom 속성 등을 사용할 수 있다. relative로 설정된 상태에서는 이런 값들은 원래의 자리 에서 상대적인 위치를 의미한다. 예를 들어 left: 10px은 오른쪽으로 요소를 10px만큼 이동시킨다. 하지만 요소 이동은 마진으로도 가능한데 왜 이걸 사용해야 할까? 마진과 포지션의 가장 큰 차이는, 포지션은 레이아웃에 영향을 주지 않는..

공부일지(TIL)/CSS 2021. 12. 7. 16:02
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 리덕스
  • 깃
  • useEffect
  • GIT
  • Conflict
  • package.json
  • 포인터 변수
  • Redux
  • Prefix Sums
  • react
  • CSS
  • 개발 공부
  • til
  • Session
  • c언어
  • Data Structure
  • SQL
  • rxjs
  • 자바
  • youtube data api
  • 알고리즘
  • getter
  • JavaScript
  • oracle
  • this
  • 제네릭스
  • linkedlist
  • jQuery
  • 인스턴스
  • Java
more
«   2025/08   »
일 월 화 수 목 금 토
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
31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바