2012-07-21 4 views
2

나는이 발견에 조금 비틀 거리고 이것의 뒤에 추리를 나 자신에게 설명 할 수 없다.CSS 패딩 - 상단 : 100 %는 부모의 너비를 사용합니까?

첨부 된 fiddle에는 두 개의 DIV가 중첩되어 있습니다. 바깥 쪽 DIV에는 높이와 너비 및 상대 위치가 설정되어 있습니다. 내부 DIV에는 높이와 너비도 설정되어 있습니다. 그 외에도 상단, 우측 및 하단 패딩이 100 %로 설정되었습니다. \

나는 패딩이 부모의 높이와 너비에 따라 파생된다는 것을 알고 있습니다. 그러나 모든 패딩 (위쪽, 오른쪽 및 아래쪽)은 부모의 너비 만 참조하는 것으로 나타납니다. 모든 브라우저가 동일한 결과를 나타내는 것으로 보입니다. 따라서, 그것은 일부 표준의 일부 여야합니다.

내 질문은 이것이 위와 같은 방법으로 구현되어 있으며 상단 및 하단 패딩에 대해 부모의 너비 대신 부모 높이를 참조 할 수있는 방법이 있는지입니다.

+1

무엇이 보이시겠습니까? – ThinkingStiff

답변

4

예. 너비를 참조하는 패딩 - 가기 퍼센트에 대해 정확합니다.

http://www.w3.org/TR/CSS2/box.html#padding-properties

당신은 패딩 비율로 높이를 참조 할 수 없습니다 : W3 CSS 박스 모델 사양의 일부입니다. 항상 너비를 나타냅니다. 죄송합니다 = (

+0

CSS에서 내부 콘텐츠, 부모 또는 일부 다른 요소를 사용할 때 참조 할 항목을 선택하는 옵션이 있어야합니다. 왜 CSS가 제한되어 있습니까? . –

관련 문제