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

Question

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

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

Answer 1

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

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