टेक्स्टरेरा

Question

पर स्थिति टेक्स्ट मैं अपने टेक्स्टरेरा के ऊपरी दाएं कोने में एक div/text जोड़ना चाहता हूं।

HTML:

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

सीएसएस:

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; 
} 

सही दाएँ कोने में यह रखता है। हेर्स जेएसफ़िल्ड: http://jsfiddle.net/zrpgK/13/