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

> Clean Markdown view of GeekNews topic #4591. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=4591](https://news.hada.io/topic?id=4591)
- GeekNews Markdown: [https://news.hada.io/topic/4591.md](https://news.hada.io/topic/4591.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-07-11T11:00:34+09:00
- Updated: 2021-07-11T11:00:34+09:00
- Original source: [wattenberger.com](https://wattenberger.com/blog/css-percents)
- Points: 11
- Comments: 2

## Topic Body

"상황에 따라 달라요"

"어떤 것의 % 인가요?"

- 인터랙티브 예제로 알아보기

ㅤ→ Width & Height

ㅤ→ Top & Left

ㅤ→ Margins

ㅤ→ Padding

ㅤ→ Transform: translate

- translate 를 제외하고는 부모 개체의 %

## Comments



### Comment 5657

- Author: superwoou
- Created: 2021-07-11T18:34:48+09:00
- Points: 2

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

### Comment 5651

- Author: xguru
- Created: 2021-07-11T11:00:43+09:00
- Points: 2

글에서는 Parent 개체라고 얘기하는데 실제로는 Containing Block 이라고 얘기하는게 맞다고 하네요.

대부분 Parent가 맞지만 아닌 경우도 있다고.

- https://developer.mozilla.org/ko/docs/Web/CSS/Containing_block

 "대부분의 경우, 어떤 요소의 컨테이닝 블록은 가장 가까운 블록 레벨 조상의 콘텐츠 영역이나, 항상 그런 것은 아님"