Почему у элемента такое поведение?

Question

[leeroyjenkins176]

В спецификации в п.2. написано, что если к inline элементу применить абсолютное позиционирование, то он становиться block.
В моем примере красный прямоугольник сделан с помощью inline-псевдоэлемента. После того как я задал ему position: absolute в веб-инспекторе в вычесленных значениях действительно отображается display: block, а также элемент реагирует на указания размеров.
Почему если я самостоятельно прописываю ему display: block элемент меняет свое расположение? Получается, что автоматически заданное значение чем-то отличается от явно указанного?

Comments

[leeroyjenkins176]

Здесь есть объяснение, если там написана правда https://stackoverflow.com/a/61810538

[Виталий Першин]

Возможно тут играет роль порядок применения самих правил. То есть, если не указать display:block, то элемент сначала вырывается из потока, а потом применяется значение по умолчанию равное display:block и элемент остается на том месте где он был в состоянии инлайн. Иначе получается противоречие, если элемент вырывается из потока, ему необходимо сразу задать какую-то позицию, а display:block назначается только после того как позиция назначена. Другая позиция "возможна" только если мы заранее знаем что элемент display:block, а этого мы не знаем так как display:block это следствие position: absolute;. Короче замкнутый круг получится.