使伪元素的高度与其附加的元素相同

Question

我有一个非常快速的问题，但我不知道如何以最佳方式表达它以获得相关的搜索结果。基本上我有一个<div class="element"></div> .element{height:100px}。我正在向我的after添加一个.element伪元素，其高度相同，但我不确定如何在伪结构中引用原始高度。

谢谢。 （我希望我刚才所说的有道理）

Answer 1

听起来你可以简单地使用100％：

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