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上将边框设置为“none”。 修改 - 将填充设置为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/

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