时间戳

首页 > 解决方案 > 制作第一个 div 元素 posititon:absolute(relative to body) ，使我的后续 div 隐藏在我的第一个 div 下

css - 制作第一个 div 元素 posititon:absolute(relative to body) ，使我的后续 div 隐藏在我的第一个 div 下

问题描述

当我定位：绝对我的第一个 div 相对于 body 时，后续 div 元素内容隐藏在第一个 div 下，据我所知，后续 div（块元素）必须出现在下一行。当 posititon:absolute my 2nd element too 时，它涵盖了我的第一个元素。如果我定位：绝对我的第一个元素，有人可以解释一下第二个元素究竟会发生什么。

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

标签： csscss-position

解决方案

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

默认情况下，Divs 是display: block;相互的。

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

你真正想要完成什么？那我可以改进我的答案。

推荐阅读