Соотнесите высоту div с высотой гибкого изображения

Question

В настоящее время я использую только HTML и МЕНЬШЕ CSS ...

Я установил для моего тега img значение max-width: 100%, чтобы, по сути, все мои изображения были гибкими и идеально подходили по размеру к окну / экрану, в котором они просматриваются.

Содержащие изображения - это div, ширина которых всегда 100%, но высота которых должна соответствовать высоте изображений.

Как я могу получить div такой же высоты, как (гибкие) изображения? Есть ли способ сделать это только с помощью HTML и LESS CSS или требуется Javascript?

Любая помощь будет оценена, спасибо:)

Answer 1

да, вы можете использовать для этого исправление ...

.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" к вашему div, содержащему img.

Answer 2

попробуйте следующее css:

overflow:auto;

на всех div с, в которых находится изображение.