Как Div вписать в контейнер родителя — родителя?

Question

[GreenX5]

День добрый, не могу сформулировать вопрос для погуглить, помогите плз.
Есть DIV внешний, назовем его дедушка )
В нем два или больше чайлда напихано, назовем папами.
В одном папе есть чайлд. Т.е. на два уровня ниже дедушки.
Чайлду нужно всплыть на весь контейнер дедушки, понимаю что

display: block;
position: absolute;
width: 100%;
height: 100%;

Но не пойму как ему поверх дедушки всплыть по его контейнеру.

edit:
Запихал управляемый ребенком всплывающий див к родителям, наладил костыль через jquery, но буду следить за ответами.

Comments

[Виталий Першин]

На абстрактный вопрос ничего кроме position: absolute; вам не предложат. Предоставьте свой код в песочнице https://jsfiddle.net/ и подробно опишите проблему

Answer 1

[Evgeniy]

Дедушке задай position:relative.

Comments

[GreenX5]

Не прокатило. Ребенок остался в папе.

[Evgeniy]

GreenX5, хорошо, внуку задай

position:absolute;
top:0;
left:0;

[ForSureN1]

GreenX5, абсолютный элемент позиционируется относительно родительского элемента С RELATIV позицией, иными словами, не имеет значения сколько у вас будет вложенностей, абсолютный элемент с позиционируется относительно элемента с relativ

[GreenX5]

Да, это работает. Библиотечный блок под капотом где-то видимо имел relative, запер внучка.