输入没有边框，位置固定

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;

你已经完成了。