html - 将文本放置在 textarea 上

Question

我想在我的文本区域的右上角添加一个 div/文本。

HTML

<div id="textarea-container">
    <textarea></textarea>
    <div id="copy">copy</div>
</div>

CSS

div#textarea-container {
    position: absolute;
}

div#copy {
    position: relative;
    right: 0;
}

需要做哪些调整？

jsFiddle：http: //jsfiddle.net/zrpgK/

Answer 1

工作 jsfiddle 代码jsfiddle

div#textarea-container {
   position: relative;
   float: left;
}
div#copy {
   position: absolute;
   right: 5px;
   top: 0;
}

Answer 2

尝试这个：

div#textarea-container {
    position: absolute;
}
div#copy {
    position: relative;
    margin-top:-40px;
    margin-right:5px;
    text-align: right;
}

把它放在右边的角落。继承人的jsfiddle：http: //jsfiddle.net/zrpgK/13/

Answer 3

看到这个jsfiddle

你需要给你的文本区域一个宽度。这样，您就可以知道放置 div 的位置在文本区域的范围内。

div#textarea-container { position: relative; }
div textarea { width: 100%; }
div#copy {
    position: absolute;
    top: 0px;
    right: 0px;
}