Css “绝对”位置元素在放置在父对象的范围之外时不显示？

我怎样才能得到一个子div，当它被放置在父div接触不到的地方时，它的位置绝对不会出现

试试这个：

.papa {
  background:red;
  overflow:auto;
  width:90px;
  height:90px;
  position:relative; /* add this line */
  overflow:hidden; /* add this line */
}

.baby {
  position:absolute;
  top:100px;
  left:100px;
  width:25px;
  height:25px;
  background:blue;
  color:white;
}

---

如果添加位置：相对；对于父元素，则子元素可以定位在父元素的上下文中。添加溢出：隐藏；这是一个技巧，因为这将删除滚动条。。。由于子元素的位置在父元素的边界之外，它将使子元素看起来从视图中隐藏。

overflow:hiddend+position；亲戚？谢谢。这似乎是唯一的答案，但我特别希望在仍然使用position:absolute的情况下有办法做到这一点。宝贝，只需将overflow:auto更改为hidden，并在你的.papa中添加position:relative即可。我说的是父元素，不是子元素，它是有效的！谢谢

.papa {
  background:red;
  overflow:auto;
  width:90px;
  height:90px;
  position:relative; /* add this line */
  overflow:hidden; /* add this line */
}

.baby {
  position:absolute;
  top:100px;
  left:100px;
  width:25px;
  height:25px;
  background:blue;
  color:white;
}