Wie kann ich einen Bereich oben rechts in einem Textbereich positionieren?

Question

Ich habe einen Textbereich mit id="aboutme" und einen Bereich mit class="maxlength-feedback", ich möchte den Bereich in der oberen rechten Ecke des Textfelds positioniert werden. Es wird ein Zähler für den Textbereich sein.

Ich weiß beide Elemente sollten position="relative" haben und der Bereich sollte display="inline-block" sein, aber es funktioniert nicht.

Ich würde jede Hilfe zu schätzen wissen. Vielen Dank.

Answer 1

Just do it wie diese

Erläuterung: Wickeln Sie Ihre textarea in einem Container div und gebe position: relative; zu dem Behälter und position: absolute;-span, jetzt sicher sein Verhalten Ihres div Standard der display: block; ist Ihre Spanne Fluss machen auf die extreme so display: inline-block; für div-Container

Demo

HTML

verwenden links

<div class="wrap"> 
    <textarea></textarea> 
    <span>Counter</span> 
</div> 

CSS

.wrap { 
    position: relative; 
    display: inline-block; 
} 

.wrap span { 
    position: absolute; 
    top: 0; 
    right: 0; 
} 

Answer 2

nein, maxlength-Feedback ist absolute positioniert werden, wie folgt aus;

#aboutme { 
position:relative; 
} 

.maxlength-feedback { 
position:absolute; 
right: 0; /* or so */ 
top: 0; /* or so */ 
} 

Answer 3

Html

<div> 
    <span class="mySpan">Some Text</span> 
    <textarea class="myTextArea"></textarea> 
</div> 

CSS

div{ 
    position: relative; 
    float:left; 
} 

.mySpan{ 
    position: absolute; 
    right: 0px; 
} 

Arbeitsbeispiel: http://jsfiddle.net/VSWXs/