Css 如何将子div放置在父div的右上方？

如何将子div放置在父div的右上角，并允许它位于zindex中任何其他对象的顶部，以便它不会推出任何内容

我正试图在家长的悬停状态下显示一条消息

这就是我到目前为止所做的：

但它设置了边距，而我希望它从父级结束的地方开始

---

谢谢

最好的方法是绝对位置：

div.parent {
    position: relative;
}

div.child {
    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;
    z-index: 100;
    display: none;
}

---

然后将

child

的

display

更改为

block

，以显示子分区。

修复了基于粘贴库的代码。。这是一把小提琴。。希望这就是你要找的

您可能还需要添加

left:auto

到

.child

元素，以覆盖可能存在的任何其他

左侧

样式。我想我没有解释清楚。我需要让孩子出现在距离父母不远的地方，而是在父母结束的地方。所以根据父母的长度，所有的孩子在x轴上都会出现在不同的位置。现在我不认为我完全理解。使用绝对位置，您可以通过使用属性left、right、top和bottom来精确设置子对象的显示位置。将实际答案和修改后的代码放在这里始终是一个好主意，对于后代来说——我们不能保证JSFIDLE或pastebin会像这个问题一样存在。