将div高度与柔性图像的高度相匹配

Question

目前我只使用HTML和LESS CSS ...

我已经将我的img标记设置为max-width: 100%，因此，基本上，我的图像都非常灵活，并且与窗口/屏幕的大小完全相同。

包含图像的是div，其宽度始终 100％，但是，其高度需要与图像的高度相匹配。

如何让div与（灵活）图像的高度相同？是否有任何方法只使用HTML和LESS CSS或需要Javascript？

感谢任何帮助，谢谢：）

Answer 1

是的，你可以使用clearfix ...

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

将“.clearfix”添加到包含img。

的div中

Answer 2

尝试以下css：

overflow:auto;

在图片所在的所有div上。