Как заставить отрисовываться абсолютно позиционированный элемент за пределами родителя?

Question

[amorphine]

Semantic UI предоставляет сайдбар и необходимо иметь возможность отрисовать кнопку, 'выезжающую' за пределы сайдбара наполовину.
Тривиальная задача на первый взгляд, но абс.поз. элементы за пределами других non-static элементов не отрисовываются.
Помогите, пожалуйста, решить вопрос: https://jsfiddle.net/amorphine/xg8reyz9/11/
Возможно, есть решения без колдунств над паддингами сайдбара и другими сложными хаками.
Цель:

Comments

[boga-net]

А можете объяснить, что именно вам нужно ? Не совсем понял
Кстати, для родителя задавайте position: relative

[amorphine]

boga-net, чтобы сделать кнопку закрытия

В верстке есть промежуточный контейнер с relative, по ссылке в вопросе - упрощенный вариант для фиддла. По факту relative-ли или нет - это не помогает.

[Cocorico]

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

[amorphine]

overveg, именно, спасибо
Дополнил вопрос, чтобы не вводить в заблуждение.

Answer 1

[Виктор]

https://jsfiddle.net/qt67u8zm/

Comments

[amorphine]

Спасибо, не дошел до этой комбинации.
А вы не могли бы подсказать, почему >3й z-index сайдбара "вынес" кнопку наверх? Справа 1000й z-index, он по идее бы перекрыл кнопку. Почему z-index кнопки вплоть до over99999 не помогает?

[boga-net]

amorphine,

https://m.habr.com/post/166435/