Не видна высота дочернего блока с position: fixed для родительского. Есть фиксы?

Question

[Дмитрий]

Демо:
https://codepen.io/nomate/pen/jyQVOX
Собственно, у всех дивов стоит height: auto, внутри есть некий текст везде, так вот при наведении в фаербаге(допустим) на main-div показывает, что туда включены только первые два дива, fixed-div туда не входит (стоит positio: fixed). Проблема в том, что если родительскому блоку задать тень либо рамку какую-нибудь, то она захватывает только первые два дива. Такие дела. Есть предложения как заставить main-div видеть(включать в себя) высоту fixed-div? :-) Не используя великий и могучий js.

Comments

[kulaeff]

А вы уверены, что вам нужен position: fixed или вы уверены, что знаете как работает position: fixed? Используя fixed, блок привязывается к окну, а не к родительскому блоку. Просто не могу представить для чего могло бы понадобиться такое хитросплетение. Если без fixed все же никак, то тут без JS не обойтись.

Answer 1

[Сергей Горячев]

Нет. Пока разберешься в написанном, мозг сломаешь.
Можно только через JS высчитать высоту фикса и сделать calc к высоте общего.
Учитесь оформлять свои вопросы в песочницу, блин.

Comments

[Дмитрий]

Исправил.

[Сергей Горячев]

Дмитрий: Да я уже ответил, без применения JS никак, фиксед всегда считается ВНЕ блока. Как и абсолют.

Answer 2

[Егор Живагин]

Есть чудесное предложение поставить не fixed, а relative )) Потому что fixed игнорируется остальными элементами. Ну либо костылём подгонять размеры контейнера