Fatal编程技术网
  • css/
  • Css 如何根据包含的图像大小动态调整Div的大小

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

css

Css 如何根据包含的图像大小动态调整Div的大小,css,Css,我在这里进退两难。 我正在处理一个模式库和图像css设置，以根据浏览器窗口调整大小。现在我需要一个div，这样我就可以在上面放置一些文本或按钮。 图像大小调整得很好，但我无法根据图像大小设置包含的div。 我尝试使用红色边框来包含div，但失败了。 请帮忙。 这里有一把小提琴，可以帮助你看到我想做什么。 谢谢 这是CSS代码 #imagePlaceholderContainer { border: 3px solid Red; } #imagePlac

我在这里进退两难。 我正在处理一个模式库和图像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%;

    }
这是完整的代码-->

摆脱
位置：固定
，否则必须在父级
#ImagePlaceholder容器上指定
宽度
和
高度
摆脱位置：固定不使边界红色div固定在iage周围。它只是拉伸。当然会拉伸-它只是拉伸，因为父对象是
display:block未设置宽度。除非另有说明，否则所有的
都会填满它们的主宽度。请你修一下小提琴好吗。！不！不是我想要的。可能是复制品