css - 疑似要素の高さを、それが取り付けられている要素と同じにする

Question

非常に簡単な質問がありますが、適切な検索結果を得るために最適な言い回しをする方法がわかりません。基本的に私は<div class="element"></div>withを持ってい.element{height:100px}ます。after同じ高さの疑似要素を my に追加していますが、疑似要素.elementで元の高さを参照する方法がわかりません。

ありがとうございました。(私が今言ったことが理にかなっていることを願っています)

Answer 1

単純に 100% を使用できるように思えます。

.element:after { 
    content: 'your generated content'; 
    display: block; 
    height: 100%; 
}