Абсолютное расположенное изображение Создание дополнительного места на стороне веб -страницы ⇐ Html

[Anonymous]

Я пытаюсь отказаться от установки позиции изображения, которое позиционируется абсолютным, но я не могу скрыть чрезмерный поток. < /p>

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

.hero-section {
display: grid;
grid-template: 1fr / repeat(2, 1fr);
}

.hero-image-mobile {
display: none;
}

.hero-image-tablet {
height: 40em;
position: absolute;
top: -14rem;
right: -16rem;
width: auto;
}< /code>


Maximize skill, minimize budget

Our modern courses across a range of in-demand skills will give you
the knowledge you need to live the life you want.

Get Started

[img]https://placehold.co/200x200[/img]
    alt=""
/>

[img]https://placehold.co/200x200[/img]
    alt=""
/>

Я попытался добавить Overflow-x: hidden в тело, но это не сработало. Я в основном хочу, чтобы изображение было там, где он мне нужно, и не отображалось на поверхность видимой страницы.

Подробнее здесь: https://stackoverflow.com/questions/797 ... f-web-page