HTML
<form> <input type="text" class="text" placeholder="メッセージを入力" /> <input type="submit" class="btn" id="submitMessage" value="送信" /> </form>
CSS
form{ position:relative; padding-right:50px; } .text{ width:100%; } .btn{ position:absolute; bottom:0; right:0; width:45px; }
formを基準としてボタンを浮かせています。
その上でformにボタン幅分のpaddingをrightに指定。
テキストフォームは幅100%を指定しておけば完成です。
paddingやmargin、widthなどはお好みの数値を入れてください。