Как выйти за пределы контейнера?

Question

[an]

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

как такое вообще верстается?

Comments

[Ankhena]

Проще всего вынуть слайдер из контейнера...

Если простых путей вы не ищете, то отрицательные margin (вероятно, через calc) вам помогут.

[an]

Ankhena, а какие простые пути могут быть?
мне нужно что бы слайдер по левому борту был на уровне контейнера
а вот серез calc я вообще не понимаю как работать)

[Ankhena]

an,

а какие простые пути могут быть?

Написано в первой строчке моего предыдущего комментария.

а вот серез calc я вообще не понимаю как работать)

Это математика примерно 5 класса. С той лишь разницей, что можно вычитать и складывать проценты с пикселями.

[an]

Ankhena, так я вам про первую строку и пишу
каким образом я этот слайдер поставлю на уровень контейнера по левому краю?
и как раз calc будет работать с жесткими совйствами, а у меня резина у контейнера
у него задана максимальная ширина, а далее он уменьшается по мере сжатия экрана

[Ankhena]

an, вы не знаете как закрыть тег, вставить слайдер и снова открыть следующий с классом контейнера?

[an]

Ankhena, видимо вы сути не поняли
как раз таки слайдер должен быть по левому краю на уровне левого края контейнера
вот о чем я говорю

[an]

а у контейнера нет жестко прописаной ширины
есть max - width 1220px

[Ankhena]

an, https://codepen.io/AnnaSummer/pen/bGMXmyN
и ещё пачка вариаций на codepen

[an]

Ankhena, Спасибо

[HardBot]

Ankhena, так лучше же просто создать отдельный класс и все, вот так :)

https://codepen.io/HardBot/pen/gOjExoj

[Ankhena]

HardBot, пишите топик стартеру. Я показала первый попавшийся пример с codepen и там их сотни.

[Сергей delphinpro]

Вот так проще всего

< wrapper overflow:hidden >
  < container >
    < slider overflow:visivle >
  </ container >
</ wrapper >