2013-03-22 28 views
6

Textarea'mın sağ üst köşesine div/text eklemek istiyorum.Textarea üzerinde konumlandırma metni

HTML:

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

CSS: ayarlamalar gerekenler

div#textarea-container { 
    position: absolute; 
} 
div#copy { 
    position: relative; 
    right: 0; 
} 

yapılacak?

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

+0

Metnin içindeki metni mi istiyorsunuz? Ya da bunun dışında mı? – ahnkee

cevap

8

bu deneyin jsfiddle kodu jsfiddle

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

bakınız bu jsfiddle Sen metin parkı bir genişlik vermek gerekir

. Bu şekilde, konumlandırılmış div'unuzu nereye koyduğunuzun metin alanınızın sınırları içinde olduğunu bilirsiniz.

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

Çalışma:

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

sağ sağ köşede onu koyar. Hers jsfiddle: http://jsfiddle.net/zrpgK/13/