Html 位置固定的无边框输入

如何使输入看起来像这样：

我希望它没有边界，是div的全宽并且固定在底部。我的实际代码是：

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

当我添加

宽度：100%

属性时，它大于浏览器的宽度。

您需要添加：

box-sizing: border-box;

因为您可能已经有了

填充

和

边框

。之后，请加上：

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

您就完成了。

您需要添加：

box-sizing: border-box;

因为您可能已经有了

填充

和

边框

。之后，请加上：

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

你就完了