gpt4 book ai didi

css - Div 重叠

转载 作者:行者123 更新时间:2023-11-27 22:46:06 27 4
gpt4 key购买 nike

我正在尝试创建两个 <div>那是重叠的。唯一的问题是第二个 <div>在第一个<div>的前面它必须是相反的。我尝试设置第一个 <div> 的 z-index至 1但它仍然不起作用。

这是我的代码:

 #content{
background-color:pink;
overflow:auto;
position:relative;

}
#content_1{

width:400px;
height:1600px;
background-color:#000099;
margin:0 auto;
z-index:1;
}
nav{

width:300px;
height:500px;
background-color:yellow;


position:absolute;
top:0;
right:200px;
z-index:0;

}

<div id="container">

<header> </header>

<div id="content">
<div id="content_1"></div>
<nav></nav>
</div>

<footer></footer>
</div>

如何让第一个 div 与第二个 div 重叠?

最佳答案

当两个元素共享相同的堆叠上下文、都定位(相对或绝对)并且都应用了 z-index 属性时,z-indexing 起作用。在这种情况下,您只将定位和 z 索引属性应用于其中一个。

关于css - Div 重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7324468/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com