Html 将一个元素放置在另一个元素上'；填充物
小提琴： 如何将工具提示放置在其父级填充的顶部？这可能吗 以下是我的片段：Html 将一个元素放置在另一个元素上'；填充物,html,css,css-position,absolute,Html,Css,Css Position,Absolute,小提琴： 如何将工具提示放置在其父级填充的顶部？这可能吗 以下是我的片段： span{ 宽度：100px； } .输入组{ 右边填充：20px； } .工具提示{ 位置：绝对位置； } ^ 您可以设置负边距来实现此功能吗 比如说 .tooltip { position: absolute; margin-top: -10px; } 如何将工具提示放置在其父级填充的顶部？这可能吗 这绝对是可能的 您对位置：绝对的想法是正确的。要点是从文档流中删除工具提示，否则，它将位于父元素的内容
span{
宽度：100px；
}
.输入组{
右边填充：20px；
}
.工具提示{
位置：绝对位置；
}
^
.tooltip {
position: absolute;
margin-top: -10px;
}
位置：绝对的想法是正确的。要点是从文档流中删除工具提示，否则，它将位于父元素的内容区域，而不是父元素的填充区域
请在此处尝试：
。输入组{
浮动：左；
右边填充：20px；
背景：灰色；
位置：相对位置；
}
.工具提示{
位置：绝对位置；
排名：0；
右：0；
背景：青色；
}
^
编织：
我可能错了，但上次我检查在SPAN元素中嵌入DIV是不正确的
首先默认情况下，DIV
元素是。这意味着它的行为就像一个段落（减去填充），并且总是添加到新行。因此，不要使用DIV
而是使用SPAN元素，该元素是。记住
至于你的问题
如何将工具提示放置在其父级填充的顶部
您可以使用，或。（在您的情况下或将是您想要使用的）
这里有一个简单的例子。（我使用的是所有浏览器上的UI看起来都一样。）
。工具提示{
位置：相对位置；
顶部：8px；
}
^
您可以使用position:relative和z-index在任何地方、任何填充或元素上获取工具提示
我在一个单独的html上实现了你的代码，因为我没有你的html结构
您可以更改.topltip{top:u px}以根据需要垂直调整工具提示
<html>
<head>
<style>
span {
width: 100px;
}
.input-group {
padding-right: 20px;
}
.tooltip {
position: relative;
top: -10px;
display: table-cell;
z-index: 2;
}
.input-group{
display: inline-block;
}
</style>
</head>
<body>
<span class="input-group">
<input type="text" value="firstname" />
<div class='tooltip placeholder'>^</div>
</span>
<span class="input-group">
<input type="text" value="lastname" />
</span>
</body>
</html>
跨度{
宽度：100px；
}
.输入组{
右边填充：20px；
}
.工具提示{
位置：相对位置；
顶部：-10px；
显示：表格单元格；
z指数：2；
}
.输入组{
显示：内联块；
}
^
@GCyrillus，根据您的评论进行更新是的，我可以。这是可行的，但并不真正符合我的目的。这将是大量的手动像素推送，特别是如果我有很多这样的输入，每个都有自己的工具提示。是的！这就是我错过的。将父级输入组设置为相对。然后能够相对于父对象定位.tooltip
。谢谢我使用了display:inline
而不是float:left
，因为它更符合我的目的。