gpt4 book ai didi

javascript - 位置 :absolute div inside another position:absolute div and making them position:fixed

转载 作者:行者123 更新时间:2023-11-28 11:04:23 29 4
gpt4 key购买 nike

HTML

<div class="div1"></div>
<div class="div2">
<div class="div3"></div>
</div>

CSS

div1、div2 和 div3 的属性是:

 div1. {
position: absolute;
z-index: 100;
background-color: rgba(39, 39, 39, 0.3);
height: 90px;
width: 712px;
left: 0px;
bottom: 216px;
}

.div2 {
position: relative;
}

.div3 {
position: absolute;
bottom: 263px;
margin-left: 50px;
}

现在根据我的概念,div1 是绝对的,我应该将 div3 设置为绝对的,从而将它放在 div1 中。现在我的问题是我需要将 div1 设置为 position:fixed 如果我滚动它它应该在那里但是如果我给出这样的 div 3 不是固定的并且它正在移动。我可以得到这个的棘手点吗

最佳答案

将 div1 和 div3 的位置更改为固定,滚动时它们将保持不变。 div1 的 CSS 中还有一个小错字(句点放在“div1”之后而不是之前)。

.div1 {
position: fixed;
z-index: 100;
background-color: rgba(39, 39, 39, 0.3);
height: 90px;
width: 712px;
left: 0px;
bottom: 216px;
}

.div2 {
position: relative;
}

.div3 {
position: fixed;
bottom: 263px;
margin-left: 50px;
}

关于javascript - 位置 :absolute div inside another position:absolute div and making them position:fixed,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22319276/

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