html - Textarea 对填充的响应不佳

Question

所以我试图使用padding属性对齐 div 内的 textarea：

#content { 
    background: #FFFFFF;
    width: 80%;
    height: 800px;
    margin: 4em auto;
    padding: 20px;
    border-radius: 2px;
}

textarea {
    width: 100%;
    height: 790px;
}

但即使如此，双方似乎也不平衡：

我想知道我怎么能解决这个问题，所以两边是均匀的？

奖金问题：如果文本量超过框大小，我怎样才能使文本框不可滚动？

Answer 1

在 textarea 上将边框设置为“无”。编辑- 将填充设置为 0

textarea {
    border: none;  /*optional */
    padding: 0;
    height: 790px;
    width: 100%;
}

删除滚动条添加溢出：隐藏

textarea {
    border: none;
    height: 790px;
    overflow: hidden;
    width: 100%;
}

Answer 2

确保在添加任何样式之前始终重置。每个浏览器都有自己的一组“默认值”，因此它可以使您的网站因浏览器而异（并添加不需要的间距，例如您的问题）。

检查此链接http://meyerweb.com/eric/tools/css/reset/

您可以将其放在主样式表的顶部或作为第一个外部加载。