我正在尝试使用 HTML 和 CSS 在某些表单字段的右侧添加一个标注气泡。我不希望标注影响任何其他布局,所以我已经将它绝对定位,但我想以某种方式将它定位在另一个元素右侧一定距离处。
这基本上就是我所拥有的:
<ul>
<dt><label>...</label></dt>
<dd>
<input ...>
<span class='callout'>Helpful tip about this field</span>
</dd>
</ul>
和:
.callout {
position: absolute;
}
所以我想要.callout
布局流程之外(因此position:absolute
,但我希望它位于与之关联的输入字段的右侧(当然,事先不知道字段的宽度)。
有任何想法吗?