html - textareaの上にテキストを配置します

Question

テキストエリアの右上隅に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/