制作第一个 div 元素 posititon:absolute（相对于正文），让我的后续 div 隐藏在我的第一个 div 下

Question

当我 position:absolute 我的第一个 div 相对于正文时，后续 div 元素内容隐藏在第一个 div 下，据我所知follow up div(block element) 必须在下一行。当 posititon:absolute 我的第二个元素也是时，它覆盖了我的第一个元素。如果我 position:absolute 我的第一个元素，有人能解释一下第二个元素到底发生了什么吗？

<div class="first"></div>
<div class="second">
      <div class="d"></div>
      <div class="e"></div>
</div>

Answer 1

由于您的第一个 div 是绝对位置，因此它被置于元素的自然层次之外。您现在可以为它自由选择一个位置。您的第二个 div 现在被推高，因此与第一个 div 在将其设置为绝对之前的位置相同。

默认情况下，div 是 display: block;，所以它们在彼此下面。

您可以将 z-index: 5;（或任何数字）添加到第二个 div 以将其置于最前面。如果这不起作用，请向绝对定位元素添加较低的 z-index。请记住，为了使用 z-index，您始终需要指定 position:

你到底想完成什么？那我可以改进我的答案。

制作第一个 div 元素 posititon:absolute（相对于正文），让我的后续 div 隐藏在我的第一个 div 下

Making the first div element posititon:absolute(relative to body) , is making my follow up div to hide under my first div

css

css-position