Почему `позиция: липкая; left: 0;` не работает с заголовком внутри тела, но `top: 0;` работает? [дубликат] ⇐ Html

[Anonymous]

В случае, если .header находится непосредственно в теле — верхний работает, а левый — нет:

Код: Выделить всё

.header {
position:sticky;
top:0;
left:0;
background:#eee;
}




Header

Content

Итак, как заставить верхний и левый работать на липком? Спасибо
P.S.
Это не дубликат:
Почему мой элемент не прилипает влево при использовании фиксированной позиции в CSS?
В div есть случай липкого блока.
Здесь он находится в body/html (у них особое поведение).

Подробнее здесь: https://stackoverflow.com/questions/797 ... -but-top-0