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

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)
  • 방명록

width (1)
[CSS] Width/Height

Width 블록 요소의 기본적인 width 값은 auto이다. margin auto와 비슷하게, 자기가 먹을 수 있는 최대한의 space를 차지하려고 한다. width를 정의하는 방법은 크게 2가지다. 100%, 5rem, 200px 등 숫자가 포함된 어떤 단위 auto, fit-content 등 어떤 키워드 width를 숫자로 정의하는 경우 부모 요소를 기준으로 한다. 예를 들어 100% 라고 하면 무조건 부모 요소의 width만큼 늘어난다. (auto와 달리, 마진이 있더라도 무시된다) min-content, max-content, fit-content min-content와 max-content는, 다른 width와 달리 child를 기준으로 너비를 잡는다. 예를 들어서 auto나 100% 같은 값..

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

티스토리툴바