はHTMLでテキストエリア

Question

以外のボタンを維持したい、私はメッセンジャーのようにテキストエリア以外のボタンを整列する：

はフッターにある両方が、私は変更されたとき画面サイズは、これが起こる：

<input type="button" value="➢" onclick="CheckAndSubmit()" style=" position:fixed; bottom:4px;right:100px; padding:15px;"> 
<textarea name="message" id="message" cols="40" rows="1" style="position:fixed; padding:15px; bottom:4px;"></textarea> 

Answer 1

それを行うための最も簡単な方法は、あなたがここでそれについての詳細を読むことができますブートストラップを使用することです。 http://getbootstrap.com/。ブートストラップを使用するには

、あなたのhtml - タグでこれを置く：あなたのHTMLコードで

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

、あなたは、単に書くことができます：

<div class="container"> 
    <div class="col-md-10"> 
     // Input field goes here 
    </div> 
    <div class="col-md-2> 
     // Button goes here 
    </div> 
</div>