Firefox（Opera）max-height，不设置父级的高度

Question

我有以下结构

<div class="container">
    <div class="wrapper">
        <img class="image">
        <div class="child-2"></div>
        <div class="child-3"></div>
    </div>
</div>

container具有固定的高度和宽度。

这是响应式设计，因此图片会缩放到container内部，max-height和max-width设置为100％。
child-1和child-2需要位于特定位置的图像顶部。为实现这一目标，我将wrapper的{​​{1}}和max-height设为100％，因此它会将自己包裹在图像周围。然后我可以将max-width和2相对于child-1放置。

在WebKit中，它在FF和Opera中运行得非常漂亮，但事实并非如此。他们不尊重最大限度。

Answer 1

根据规范，如果<div class="wrapper">具有自动高度，则其子项的最大高度百分比应与auto max-height的行为方式相同。听起来像FF和Opera都遵循规范而WebKit不是......