Реализовать слайдер, который выходит с правой стороны за пределы контейнера?

Question

[tyrion1]

Здравствуйте, нужно реализовать слайдер, таким образом, что бы с правой стороны, он выпадал за пределы контейнера, фото приложил ниже.
Красным обозначил сам контейнер, белый - слайдер

Answer 1

[Алекс Глебов]

Слайды так и располагаются. Можно убрать overfloy: hidden у обертки слайдов и будет как на скрине

Comments

[Rustam Bainazarov]

+ только надо проверить, нет выше по коду у какой-то обертки oveflow: hidden.

[Andrey M.]

- hidden убрали и полетели картинки на всю ширину окна. Если фон однотонный, можно на ::befor повесить кусок блока, чтобы закрыть слева часть, другого решения пока не нашел.
Интересно, как автор решил проблему

Answer 2

[Alfieros]

В CSS для контейнера который оборачивает все слайды, нужно добавить свойство overflow: hidden. Тогда остальная часть будет скрыта и слайдер поместиться в рамки вашего блока.
Учтите, что свойство overflow:hidden работает чётко в допустимых границах ширины и высоты блока.

Answer 3

[grafit_off]

Если цель в том, чтобы слайды за левую границу контейнера не выходили, то для swiper-container, или что там у вас, задать ширину и конечно же overflow: hidden.

width: calc(100vw - (100vw - ширинаКонтейнера) / 2);