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

Question

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

谢谢。 (希望我刚才说的有道理)

Answer 1

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

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