将 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 上