Html 如何在文本区域的右上角放置跨距？

我有一个带有

id=“aboutme”

的文本区域和一个带有

class=“maxlength feedback”

的span，我希望span位于文本区域的右上角。它将是文本区域的计数器

我知道这两个元素都应该有

position=“relative”

，跨度应该是

display=“inline block”

，但它不起作用

我将感谢任何帮助。谢谢。

就这样做吧

说明：将

textarea

包装在容器

div

内，并给出

位置：相对到容器，并且
位置：绝对
到
span
，现在确保您的div默认行为是
display:block将使您的跨度在最左侧流动，因此使用
display:inline block用于您的容器div


HTML

不，maxlength反馈必须是绝对的，就像这样

#aboutme {
 position:relative;
}

.maxlength-feedback {
position:absolute;
right: 0; /* or so */
top: 0; /* or so */
}

Html

<div>
    <span class="mySpan">Some Text</span>
    <textarea class="myTextArea"></textarea>
</div>

工作示例：
使用定位时，您不需要任何显示规则，因为它可以有效地将元素的显示级别设置为块。@KyleSevenoaks看到了这与这之间的区别，或者您需要定义宽度，这是一种动态宽度方法，非常灵活
#aboutme {
 position:relative;
}

.maxlength-feedback {
position:absolute;
right: 0; /* or so */
top: 0; /* or so */
}

<div>
    <span class="mySpan">Some Text</span>
    <textarea class="myTextArea"></textarea>
</div>

div{
    position: relative;
    float:left;
}

.mySpan{
    position: absolute;
    right: 0px;
}