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