Как сделать компонент NextJS Image высотой и шириной 100% для его родительского div? ⇐ CSS

[Anonymous]

Как указано в заголовке, я изо всех сил пытаюсь заставить изображение вести себя как img. Кто-нибудь знает, как заставить изображение работать так же, как img, как показано в примере ниже? >

Код: Выделить всё

{/* img */}

[img]https://t4.ftcdn.net/jpg/03/00/94/69/360_F_300946931_kSR84OqudEhsmBZH47HU6ud7aZIDMjEx.jpg[/img]
        alt=""
style={{ width: "100%", height: "100%", objectFit: "cover" }}
/>

{/* Image */}

Вывод:


#UPDATE
Это ответ.

Код: Выделить всё

      {/* Image */}
style={{
width: "50%",
height: "100%",
background: "blue",
position: "relative",
}}
>

Вывод:



Подробнее здесь: https://stackoverflow.com/questions/728 ... parent-div