Html 在相对父div之外显示位置绝对子div的CSS

我有以下html结构。我想显示容器div顶部的绿色绝对div

CSS立场问题 如果这里有一些很长的内容，它会导致溢出，但绿色框不会

---

不知道你的确切问题是什么，更清楚一点……但你还是可以试试这个

CSS立场问题 如果这里有一些很长的内容，它会导致溢出，但绿色框不会 将容器溢出设置为initial可以解决您的问题。检查下面的代码段以供参考

容器{ 溢出：； 高度：55px； 宽度：200px； 边框：3件纯蓝； 职位：相对 } .边界{ 边框：1px纯蓝色； } .家长{ 高度：自动； 宽度：100px； 背景：红色； } .孩子{ 位置：绝对位置； z指数：-1； 左：60px； 排名：0； 高度：220px； 宽度：200px； 背景：绿色； } CSS立场问题 如果这里有一些很长的内容，它会导致溢出，但绿色框不会

---

父级必须位于相对位置，顶部：0创建容器的父级div并将其设置为相对位置。另外，从容器中移除定位。你说的外部是什么意思？容器上方、下方、旁边。或者您是否希望绿色显示在顶部，就像添加z索引：1；到绿色框。@huelf如果您的解决方案有效，请您解释一下额外的父div如何解决这个问题的原因好吗？@Gezzasa位于容器上方，这样它就不会被容器的高度和宽度裁剪，所以绿色应该采用给定的高度和宽度。