Html css根据背景高度自动调整div高度

有没有办法根据背景高度自动调整高度？

我不知道你到底想要什么，但如果你想让div与背景完全对齐：

div {
    display:block;
    width:320px;
    background:url('images/cnon.jpg');
    background:contain;
}

---

如果我没有很好地理解您的问题，很抱歉。

如果您可以使用jQuery，您只需检查

img

高度即可处理它，然后将此高度应用于

div

本身

您可以调整div的高度，调整div的填充顶部，只需自动设置css即可

div {
    display:block;
    width: auto;
    height: auto;
    background:url('images/cnon.jpg');
    background:contain;
    margin: -10px; //Optional
}

填充顶部由公式计算

.div_image{
    background:url('images/cnon.jpg');
    height: 0;
    width: 100%;
    background-size: contain;
    padding-top: 20%;
}

示例：

（274px/1370px）*100%=20%

---

因此，填充顶部需要为20%。

如果此div为空，则可能重复，这意味着高度和宽度将为0！我有一个幻灯片。。。我得到了不同大小的图像，用于响应。。。如何在幻灯片中使用不同大小的图像？

(image-height[px] / image-width[px]) * container-width[%]