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/

你可以把你的主要樣式表的頂部或作爲第一外部加載。