HTML中TextArea内的按钮

我正在寻找一个结构,其中一个按钮与textarea的右上角对齐.我能够使用CSS定位来做到这一点.当我开始在textarea内部输入时,文本位于按钮下方.有没有办法让文本通常占据文本区域的整个宽度,但是在达到按钮的边界时,会被包裹到下一行?
始终可以选择在内联元素上使用 contentEditable属性,而不是< textarea>并将它放在浮动按钮旁边.

HTML:

<div>
    <button>press me</button>
    <span contenteditable="true">editable</span>
</div>

CSS:

div {border: 1px solid gray; width: 15em; height: 5em; overflow-y: scroll;}
button {float: right;}

jsFiddle

相关文章
相关标签/搜索