textarea的不很好地回应填充

Question

所以我试图对准一个textarea使用padding属性div中：

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

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

但似乎双方都参差不齐即便如此：

我想知道如何解决这个问题，所以双方都是平等的？

红利问题：如何使文本框不滚动，如果文本数量超过框的大小？

Answer 1

在textarea上将border设置为'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/

你可以把你的主要样式表的顶部或作为第一外部加载。