2013-03-22 20 views
6

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

+0

またはそれのすぐ外側にある? – ahnkee

答えて

8

jsfiddleコードを作業するjsfiddle

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

このjsfiddle

あなたは、あなたのテキスト領域に幅を与える必要が参照してください。こうすることで、配置されたdivの配置場所がテキストエリアの範囲内にあることがわかります。

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

これを試してみてください:

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

は右、右コーナーでそれを置きます。 このテキストは文章の中に入れたいですか?http://jsfiddle.net/zrpgK/13/

関連する問題