CSS에서 100%는 어떤 의미일까

 (wattenberger.com)
11P by xguru | ★ favorite | 댓글 2개

"상황에 따라 달라요"
"어떤 것의 % 인가요?"
- 인터랙티브 예제로 알아보기
ㅤ→ Width & Height
ㅤ→ Top & Left
ㅤ→ Margins
ㅤ→ Padding
ㅤ→ Transform: translate
- translate 를 제외하고는 부모 개체의 %

함께 보면 좋은 글 β

superwoou   [-]

예전에 이거 엄청 헷갈렸는데, 그래도 vw vh 가 나와서 살만해졌습니다..ㅋㅋ

답변달기
xguru   [-]

글에서는 Parent 개체라고 얘기하는데 실제로는 Containing Block 이라고 얘기하는게 맞다고 하네요.
대부분 Parent가 맞지만 아닌 경우도 있다고.
- https://developer.mozilla.org/ko/docs/Web/CSS/Containing_block
"대부분의 경우, 어떤 요소의 컨테이닝 블록은 가장 가까운 블록 레벨 조상의 콘텐츠 영역이나, 항상 그런 것은 아님"

답변달기