Question

我想在textarea的右上角添加一个div / text。

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

请参阅此jsfiddle

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

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

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/

将文本放在textarea上

3 个答案: