如何根据包含的图像大小动态调整Div的大小

Question

我在这里陷入两难境地。 我正在开发一个模态库，图像css设置为根据浏览器窗口调整大小。现在我需要一个div围绕它，以便我可以在上面放置一些文本或按钮。 图像调整大小，但我无法根据图像大小设置包含div。 我尝试使用边框红色来包含div，但它失败了。 请帮忙。 这是一个小提琴，可以帮助您了解我想要做什么。 感谢。

这是CSS代码

    #imagePlaceholderContainer {
        border: 3px solid Red;

    }
     #imagePlaceholder {
        margin: auto;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 999;
        max-height: 80%;

    }

这是完整的代码 - ＆gt; 的 FIDDLE

Answer 1

摆脱position: fixed，否则您必须在父width上指定height和#imagePlaceholderContainer。