100％与inheritance

我的理解是， width: '100%'可以让对象的宽度与父对象的宽度相同，而width: inherit只有在明确指定父宽度时才会这样做。 这种理解是否正确？

如果是这样的话，在我看来，当width: inherit工作， width: '100%'将始终工作，所以你可以随时使用后者。 那么，写width: inherit的目的是什么width: inherit ？ 它什么时候变得有用？

如果我的理解错了，那么两者有什么区别呢？

与height相似。

Answer 1

见jsfiddle http://jsfiddle.net/bt5nj/2/和http://jsfiddle.net/bt5nj/3/

width:inheritinheritance由parent定义的宽度。

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％。