100 % 대 상속

Question

내 이해는 width: '100%'은 부모의 너비가 명시 적으로 지정된 경우에만 width: inherit이 개체의 너비를 부모의 것과 동일하게 만드는 것입니다. 이 이해가 맞습니까?

그렇다면 width: inherit이 작동하면 width: '100%'이 항상 작동하므로 항상 후자를 사용할 수 있습니다. 그렇다면 width: inherit을 쓰는 목적은 무엇입니까? 언제 유용합니까?

내 이해가 틀린 경우 두 가지의 차이점은 무엇입니까?

마찬가지로 height.

Answer 1

는 jsfiddle http://jsfiddle.net/bt5nj/2/ 및 http://jsfiddle.net/bt5nj/3/

width:inherit 상속이 부모에 의해 정의 된 것으로 폭을 참조하십시오.

HTML :

<div id="parent"> 
<div id="child"></div> 
</div>​ 

CSS :

#parent 
{ 
    width:50%; 
    height:30px; 
} 
#child 
{ 
    width:inherit; 
    height:100%; 
    background-color:red; 
} 

이 child 폭이 25 %를 만들지 만, 내가 width:100%으로 다시 정의 경우는 child 50 %의 폭을 정의합니다.