Блок выходит за пределы, как убрать scroll?

Question

[Locket]

У меня в section есть контейнер, в котором блок с position: relative и в этом блоке текст, который на картинке с absolute. Текст должен выходить за пределы экрана, но из-за этого появляется прокрутка. Есть ли возможность эту прокрутку убрать? Пробовал section задавать overflow: hidden, но всё бестолку.
HTML(если кому поможет):

<section>
     <div class='container'>
            <div class='content'>
                  <div class='text'></div>
            </div>
     </div>
</section>

Answer 1

[Александр Талалаев]

Ну так у вас же прокрутку добавляет не section, а другой блок(content). Вот ему и добавляйте новый класс для hidden

Comments

[Locket]

Но в таком случае сам блок со словом будет обрезаться, а нужно чтобы слово выходило за пределы экрана.

[Александр Талалаев]

Locket, ааа. Я изначально не понял что нужно.(вообще хорошо выложить на jsfiddle или codepen)
Тогда нужно или на body(overflow-x) или на другой общий обёрточный элемент на всю ширину страницы вешать.
Мб добавлять самому тексту ещё обёртку, с width: 100vw(правда я там не помню что с нативным скролом) и уже внутри него ваш текст, а на этой обёртке Overflow hidden

[Александр Талалаев]

Вот я сделал как у вас, другие oveflow отключеные, а на body oveflow-x.

[Locket]

Александр Талалаев, спасибо за помощь, сработало.