Относительно позиционированный контент выходит за липкий позиционированный заголовок - PullRequest
Новая
       34

Относительно позиционированный контент выходит за липкий позиционированный заголовок

0 голосов
/ 03 июня 2019

Взгляните на следующий фрагмент кода. 

<div class="container">
    <div class="header" style="position:sticky;top:0">
        Header
    </div>
    <div class="content" style="position:static">
        Page content
        ...
    </div>
</div>

Здесь, при прокрутке страницы вниз, содержимое идет ниже заголовка. Все работают как положено.

Но если я изменю позиционирование div 'content' на относительно , при прокрутке страницы контент начинает перебирать липкий заголовок.

Почему это происходит? Есть ли решение для этого без использования z-index?

...