在文本区域上方放置文本

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/

- O P

---

你想要文本在文本区域内还是外面？ - ahnkee

Answer 1

可工作的 jsfiddle 代码 jsfiddle

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

- Anoop

Answer 2

请查看jsfiddle

您需要为文本区域设置宽度。这样，您就可以知道您放置的定位div是否在文本区域的范围内。

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

- Seth Flowers

Answer 3

试试这个：

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

将其放在右上角。 这是 jsfiddle：http://jsfiddle.net/zrpgK/13/

- master101