html - 如何覆盖一个div

Question

假设我们有一个 div，如下所示:

<div class="post">Variable text</div>

文本可以再长一些。所以它可能是 3 个字符，150 或 300。 该 div 在 background: white 上有一个 border: 1 px solid black 的边框。 有什么方法可以创建另一个完全覆盖此 div 的 div(位置 relative 或 absolute 我猜)，以便文本不可读？

Answer 1

<div class="post" style="position:relative">
     Variable text
     <div style="position:absolute;top:0;left:0;width:100%;height:100%;background-color:white"></div>
</div>

类似的东西可能会起作用，您可能需要使用 z-index 来确保您的白框在顶部。基本上，内部 div 从外部 div 的左上角开始，并且与它的大小相同。