[ko] CSS Containing Block wrong content in ko #29456
Description
MDN URL
https://developer.mozilla.org/ko/docs/Web/CSS/CSS_display/Containing_block
이 문제에 관한 특정 섹션 또는 제목은 무엇인가요?
컨테이닝 블록의 모든 것 > 컨테이닝 블록으로부터 백분율 값 계산하기
어떤 정보가 부정확하거나 도움이 되지 않거나 불완전했나요?
컨테이닝 블록의 height가 콘텐츠의 크기에 따라 달라질 수 있고, 컨테이닝 블록의 position이 relative거나 static이면 계산값은 0이 됩니다.
en-US 문서에는 없는 내용입니다. 더군다나 "컨테이닝 블록의 position이 relative거나 static이면 계산값은 0이 됩니다." 내용은 틀린 정보라고 생각합니다. 이에 대한 방증으로 예제1 에서는 다음과 같은 예제 코드를 보여주고 있습니다.
<body>
<section>
<p>문단입니다!</p>
</section>
</body>body {
background: beige;
}
section {
display: block;
width: 400px;
height: 160px;
background: lightgray;
}
p {
width: 50%; /* == 400px * .5 = 200px */
height: 25%; /* == 160px * .25 = 40px */
margin: 5%; /* == 400px * .05 = 20px */
padding: 5%; /* == 400px * .05 = 20px */
background: cyan;
}잘못된 정보에 의하면 <section>의 position 속성은 static(기본값) 이므로 <p> 요소의 height는 0이 되어야 하지만 실제로는 40px 로 계산됩니다.
어떻게 고쳐져야 하나요?
컨테이닝 블록의 height가 콘텐츠의 크기에 따라 달라질 수 있고, 컨테이닝 블록의 position이 relative거나 static이면 계산값은 0이 됩니다.
위 내용을 제거하는 것입니다.
지원 링크, 참조 또는 인용구가 있으신가요?
No response
더 공유하고 싶은게 있으신가요?
No response
MDN metadata
No response