Есть блок, внутри которого картинка. Нужно сделать высоту по картинке. Танцую вокруг него уже 2 день, помогите.
<div class="img-box height-240">
<div class="background">
<div class="layer" style="background-image: url(images/background/layer-78.jpg);">
<img width="560" height="315" src="https://****.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="****.jpg 560w, ****.jpg 300w" sizes="(max-width: 560px) 100vw, 560px">
</div></div>
СSS
.blog-post .img-box.height-240 {
min-height: 240px;
max-height: 500px;
height: 100%;
width: 100%;
}
.blog-post .img-box {
position: relative;
margin-bottom: 15px;
}
.blog-post img {
display: block;
max-width: 100%;
min-height: 100%;
margin: 0 auto;
}
.blog-post img {
height: auto;
width: 100%;
}
Если поставить высоту картинки 100%, а не auto, то картинку сожмет в этом блоке с высотой 240px!