Как заставить блоки позиционироваться относительно блока с position: fixed?

Question

[Артем]

https://jsfiddle.net/1dudtzrv/

"Окружающие элементы заполняют освободившееся место как-будто элемента с fixed и нет"

line2 должен быть смещен ниже на 20px, но править его стили нельзя.
Суть в том, что line1 может не быть.
Хочется обойтись без скриптов. Возможно есть какое-нибудь магическое свойство, которое будет позиционировать line2 относительно line1.

Answer 1

[Артем]

https://jsfiddle.net/1dudtzrv/2/

Пока решение незамысловатое: добавить пустой div с высотой line1.
Как вариант - динамически добавить margin-top для html

Answer 2

[Владимир Допустим]

Fixed по сути выдергивается и становится независимым. Можно создать общий блок Fixed и туда подключать дочерние line1, line2, ...

Comments

[Артем]

Да, только line1 должен оставаться фиксированным и прокручиваться вместе со страницей. :(

[Владимир Допустим]

Артем: просто создайте пустой блок-обертку и поместите в нее line1. обертка будет fixed, а все внутренние элементы будут подчиняться. новые line2, line3, ... добавляйте в обертку

[Владимир Допустим]

<div class=fixed-block>
    <div class="line line-1">...</div>
    <div class="line line-2">...</div>
    <!-- ... -->
</div>

.fixed-block { position: fixed; }

[Артем]

Увы, но такой вариант не подходит.
line2 должен прокручиваться
line1 должен оставаться закрепленным к верхнему краю