textarea上的位置文本

Question

我想添加一個div /文本到我的textarea的右上角。

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：​​

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/