HTML:div下的div

所有的答案都帮不了我

请看这里：

---

我希望

main2

位于

main1

下面的“under”，我假设你的意思是“behind”。为此，您需要添加一个

z-index

。Z索引从零开始，因此只需给

1

的

#main1

div a

Z索引

，它就会显示在“顶部”：

#main1 {
  z-index: 1;
}

我已经创建了一个更新的小提琴

---

希望这有帮助！：）

不太清楚您需要什么，但不能将绝对值与浮点值一起使用。如果删除两个屏幕上的绝对值，则滚动部分将显示在另一个屏幕下

更新小提琴：

使用内联块

#main {
  top: 20px;
  left: 20px;
  width: 300px;
  height: 400px;
  position: relative;
  display:block;

}

---

它们是重叠的（我理解你的逻辑，我感谢你的努力。请在发帖前测试答案。这会导致卷轴在#main2Glad上断裂，我可以帮助@SamKirklandWA

#main {
  top: 20px;
  left: 20px;
  width: 300px;
  height: 400px;
  position: relative;
  display:block;
}

#main1 {
  float:left;
}

#main2 {
  clear:left;
    overflow-y: scroll;
    height: 300px;
    float:left;
    //top: 10%;
    width: 50%;
}

#main {
  top: 20px;
  left: 20px;
  width: 300px;
  height: 400px;
  position: relative;
  display:block;

#main1 {
  display: inline-block;
  float:left;
  height: 50px;
}

#main2 {
  clear:left;
  display: inline-block;
    overflow-y: scroll;
    height: 300px;
    float:left;
    //top: 10%;
    width: 50%;
}