小编Ray*_*sai的帖子

HTML:

<div class="container">
    <article class="article">
        <img class="article-img" src="bordeaux.jpg" />
    </article>
</div>

CSS:

.container{
    width:500px;
    height:200px;
}
.article{
    max-height:100%;
}
.article-img{
    max-height:100%;
}

在Firefox中看到它的jsfiddle

http://jsfiddle.net/UETMr/4/

我需要将.article设置为高度:100%,以便在Firefox中缩小图像

谁能解释一下firefox如何理解百分比max-height及其容器？

提前致谢 !