文本位於texarea中的按鈕下

Question

我有一個textarea和一個放在右上角的按鈕。當文本到達按鈕位置時，它停留在它下面。我需要文字來「避開」這個按鈕。我將不勝感激任何幫助！謝謝！
截圖：https://i.stack.imgur.com/u4klS.png

這是HTML：

<div id="textarea-container"> 
    <md-input-container class="md-block"> 
    <textarea id="expandable" rows="3" cols="150"></textarea> 
    <md-button id="textarea-button" class="md-raised"></md-button>  
    </md-input-container> 
</div> 

這是CSS：

#textarea-container textarea { 
height: 4em!important; 
transition: all 0.5s ease!important; 
box-sizing: border-box; 
overflow-y: auto; 
resize: none; 
} 

#textarea-container { 
position: relative; 
} 
#textarea-button { 
position: absolute; 
top: 3px; 
right: 0; 
} 

Answer 1

你爲什麼不換MD-輸入容器和MD-按鈕，佈局=「行「，並刪除CSS到textarea-button。

<div id="textarea-container" layout="row"> 
     <md-input-container class="md-block"> 
      <textarea id="expandable" rows="3" cols="150"></textarea>  
     </md-input-container> 
    <md-button id="textarea-button" class="md-raised"></md-button> 
    </div> 

#textarea-button { 
//remove CSS 
} 

工作的jsfiddle，http://jsfiddle.net/cg1e9yy1/ 你現在可以從這裏走。