Почему элемент не выходит за пределы родителя?

Question

[Oleh989]

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

Карусель реализовал с помощью slick-slider. Немного порылся в стилях самого слайдера, там нашел свойство overflow: hidden, которое применено к класу slick-list, если менять значение на visible, то тогда он виходит за пределы родителя, но ламается вся карусель, появляется нижний скрол, на всю ширину окна браузера появляются слайды. Возможно ли эту задачу решить с помощью CSS, или здесь без JS не обойтись? У меня сейчас такая ситуация, уже второй день не могу решить эту задачу.

Comments

[Пашенька]

Нужно накидывать этот элемент(если он не привязан к конкретному слайду) в элемент с точками. Так как overflow:hidden обрезает "всё лишнее".

Answer 1

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

Задайте карточкам или самим слайдам margin-bottom такого размера, чтобы влез ваш элемент.
Если этот элемент не часть каждого слайда, то просто вынесите его за пределы слайдера и там спозиуионируйте его над слайдами

Comments

[Oleh989]

Чувак, ты гений! Как я до этого не додумался? Это же так очевидно :)
Спасибо тебе!