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％的宽度。