Почему абсолютно спозиционированный элемент вылазит?

Question

[Антон Литвиненко]

Стыдно спрашивать, но...
Есть псевдоэлемент, спозиционированный абсолютно и у него есть фиксированная ширина.

У боди overflow-x: hidden, но элемент все равно распирает. если overflow повесить на html, то обрезает, но я бы так не хотел делать. С левой стороны такая же ситуация предсказуемо обрезает лишнее.
Собственно, почему не обрезает и как побороть?

Answer 1

[Антон Литвиненко]

Завернул все в общую обертку и ей дал overflow-x: hidden
Нормально теперь обрезает

Comments

[Andrey Vasilev]

max-width пропиши

[Антон Литвиненко]

Andrey Vasilev, кому? если псевдоэлементу, состоящему из одного бекграунда, то он схлопнется, да мне и не нужно, чтобы он менял размеры. Задача, чтобы при уменьшении экрана псевдоэдемент обрезался по правому краю

Answer 2

[Арсений Матыцин]

Если знаешь позицию от левого край в любой единице измерения: пикселах, процентах, пофиг, главное, чтобы calc съел, то ты можешь задать обертку для элемента с width: calc(100%-[отступ слева]), задать ему overflow: hidden и уже внутри него позиционировать любой элемент. Сто процентов в данном случае это ширина всего блока, равная ширине вьюпорта. Использовать vw небезопасно из-за полосы прокрутки.

Да, звучит диковато, но задавая overflow:hidden всей секции, ты задаешь правило, которое скорее всего позже вылетит пулей в ногу.