Как прижать картинку к краю сразу к двум элементам?

Question

[nickilim]

<div class="main">
  <div class="container">
    <img ...>
  </div>
</div>

В CSS у container ограничена ширина, у main - высота. Как прижать картинку по высоте main и ширине container?

Answer 1

[WapSter]

img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

Контейнеру тоже задай высоту 100%
Сработает если у main явно указана высота