gpt4 book ai didi

css - z 索引 float div

转载 作者:技术小花猫 更新时间:2023-10-29 10:18:26 26 4
gpt4 key购买 nike

我有两个 div float:left。我对上面的第一个 div 进行了 z-index,但它不起作用。这是因为 float 元素没有定位吗?

<html>

<style>
#wrap{
background:#666;
}

#menu, #thumbs{
float:left;
}

#menu{
background:#06C;
z-index:10;
}
#thumbs{
background:#0CF;
margin-left:-20px;
}

</style>
</head>

<body>

<div id="wrap">
<div id="menu">
<p>menu</p>
</div>
<div id="thumbs">
<p>thumbs</p>
</div>
</div>


</body>
</html>

最佳答案

您需要设置position 属性。将 position:relative 添加到 #menu 显示拇指上方的菜单 div。

关于css - z 索引 float div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5018572/

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