Как растянуть псевдоэлемент?

Question

[Сашка Брамс]

Нужно растянуть абсолютно позиционированный псевдоэлемент на ширину и высоту основного блока( .block:before - нужно растянуть по .block )

Вариант:
top:0;
right:0;
bottom:0;
left:0;
Не подходит, т.к псевдоэлемент абсолютно позиционируется от родительского блока..

Вот потыкать:
codepen.io/anon/pen/bEpXjm

Там псевдоэлемент, если установить top,bottom,left,right: 0; то он перекроет нижний блок...

Answer 1

[Александр Миранович]

Не совсем понятно у вас описано, что бы растянуть, прописываете блоку под который вам нужно растянуть position: relative; а псевдоэлементу width: 100%; height: 100%; top: 0; left: 0; . Нужно указывать только одно свойство top или bottom, left или right, два одновременно задавать нельзя

Comments

[Сашка Брамс]

Спасибо)
Но если указывать только 2 свойства top или bottom, left или right, то ничего не растянется., если указать все 4, то все хорошо)

[Александр Миранович]

Для этого указываете ширину и высоту
width: 100%; height: 100%;

[Александр Миранович]

Может, я ошибся, извините.

[Сашка Брамс]

Александр Миранович: Да, в этот раз прошло, установил ширину высоту top 0 left 0
и все хорошо

Спасибо большое)

[gantlforra]

Благодарю!