100%与inheritance

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

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

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

height相似。

见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%。