宽度: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%定义宽度为child50%.

​