沒有與位置邊界輸入固定

Question

我怎樣才能使一個輸入看起來像：

我希望它有沒有國界的，是DIV全角和固定底部。我實際的代碼是：

<input type="text" class="form-control" placeholder="Write message and press enter..." maxlength="150" required> 

當我添加一個width:100%屬性，它比瀏覽器的寬度更大。

Answer 1

您需要添加：

box-sizing: border-box; 

正如你可能已經有padding和border。之後，請添加：

position: fixed; 
bottom: 0; 
left: 0; 

然後你就完成了。