位置：绝对div在另一个位置：绝对div并使它们位置：固定

Question

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作为位置：固定，如果我滚动它应该在那里但是如果我让div 3不固定而且它正在移动。我可以为这个

找到棘手的一点

Answer 1

将div1和div3的位置更改为固定，滚动时它们将保持不变。 CSS中的div1也有一个小错字（句点放在后面而不是“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;
}