Что делает left right top и bottom 0 для блока с абсолютным позиционированием?

Question

[dqwe93]

Есть вот такой код https://jsfiddle.net/api/post/library/pure/

Я не понимаю почему left right top bottom со значением 0 растягивают абсолютно спозиционированный div с соответствующим классом на весь экран.

Просьба подсказать как это работает или дать ссылку на статью какую-нибудь

Comments

[Алексей Уколов]

Ссылка ведёт в никуда.

Answer 1

[Алексей Уколов]

Я не понимаю почему

Потому что вы говорите, что все углы дочернего элемента должны совпадать с углами родительского*.
Это была бы довольно короткая статья.

* у которого указано позиционирование отличное от static.

Comments

[dqwe93]

Потому что вы говорите, что все углы дочернего элемента должны совпадать с углами родительского*.

а эти свойства left right top bottom имеют какие-либо стандартные значения, пока я их не задал вручную?

[Михаил Р.]

dqwe93, имеют, выравнивание по верхнему-левому краю...

Answer 2

[Dima Polos]

Просто ознакомьтесь со свойствами позиционирования и с особенностями абсолютного позиционирования, особенно с top/left/right/bottom. Если задать противоположные значения, то они оба применятьсч и растянут блок. Например, top 0, bottom -50px сделает верхний край блока на уровне 0 относительно "блока отсчета", и вылезет вниз на 50px из него же.