В липкой позиции, когда «поле поля» не используется как «поле позиции»? ⇐ Html

[Anonymous]

w3.org упоминает в своем определении липкого позиционирования следующее:

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

Я пытался повторить это сценарий

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

.container {
height: 100px;
background: lightgray;
overflow: auto;
}

.content {
background: gray;
border: 1px dotted red;
}

button {
position: sticky;
top: 40px;
margin: 30px 0;
}

.spacer {
height: 300px;
}

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

sticky

Теперь расстояние между краем поля липкого элемента и соответствующим краем содержащего его блока равно 0, что меньше соответствующего поля (

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

40px

), поэтому согласно определению w3.org поле позиции не должно быть полем поля, а должно быть размером прикрепленного элемента плюс 0. Но, как вы можете видеть в примере, поле позиции по-прежнему учитывает поля.
Пожалуйста, объясните, почему поле позиции по-прежнему совпадает с полем поля.

Подробнее здесь: https://stackoverflow.com/questions/725 ... sition-box