谷歌異體風格撰寫郵件區

Question

我想在HTML和CSS創建谷歌的Allo風格撰寫消息，聊天室，我看着的異體allo.google.com/web其網絡版本，我創造了我的here但問題我我面臨的是我的文本區域正在水平滾動超出我的容器div，我無法弄清楚是什麼導致它。我已經嘗試調整寬度，但它不是我想要的那種解決方案。

你們可以登錄到https://allo.google.com/web並在聊天屏幕中看到他們的發送消息區域。我真的很想複製那個。

謝謝。

Answer 1

您的body的默認保證金設置爲約8px。刪除它：

body { 
    margin: 0; 
} 

擺脫水平滾動。