javascript - Google Allo 风格撰写消息区

Question

我正在尝试在 html 和 css 中创建 Google Allo 风格的 Compose 消息聊天区域，我查看了 allo.google.com/web 他们的 allo 网络版本，并创建了我的 here但我面临的问题是我的文本区域水平滚动到我的容器 div 之外，我无法弄清楚是什么原因造成的。我已经尝试调整宽度但它不是我想要的解决方案我在找。

你们可以登录https://allo.google.com/web并在聊天屏幕中查看他们的发送消息区域。我真的要准确地复制它。

谢谢。

Answer 1

您的 body 的默认边距设置为 8px 左右。删除它:

body {
  margin: 0;
}

摆脱水平滚动。