Как сделать отступ от абсолютного или фиксированного блока?

Question

[Ross Alex]

Добрый день, коллеги!

Скажите, пожалуйста, можно ли решить динамический отступ #blk2 margin-top от #blk1 с position:absolute/fixed размером в высоту этого самого блока не используя JS?

<div style="position:relative;">
    <div id="blk1" style="position: absolute; top:0; left: 0; width: 100%; background-color: #fff; z-index:2;"></div>
    <div id="blk2">
        <img src="sample.jpg" width="100%" alt="">
    </div>
</div>

Comments

[Sergio]

высоту какого блока? вопрос непонятно сформулирован

[Ankhena]

Возможно, вам нужен не абсолют, а sticky.

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

[Ross Alex]

Ankhena, Sergio, да, вроде, нормально сформулировал. Есть прилепленный к верху блок, у него динамическая высота, мы не можем знать какая. Нужно сделать от него отступ, чтобы блок под ним с относительным позиционированием было видно полностью, когда страница в скроле 0.

[Ross Alex]

Ankhena, спасибо! Sticky подошел, как нужно вместо fixed. Теперь осталось понять, как сделать на блоке с absolute.

[Ross Alex]

Ankhena, не могли бы вы отдельно сделать ответ, чтобы я отметил его решением?

[Ankhena]

Ross Alex, написала

Answer 1

[Ankhena]

Возможно, вам нужен не абсолют, а sticky.

Answer 2

[Антон Шаманов]

большая часть браузеров поддерживает `attr()`, хотя если упор на слове динамически, то ответ - никак

Answer 3

[tyoma_koder]

Сделать блок с такими же размерами и положением как у bk1, прописать ему opacity:0 и делать отступы от него

Comments

[Ankhena]

И как этот блок без JS будет узнавать высоту?
С таким же успехом можно задавать паддинг родителю, а не городить бессмысленные блоки.