Eingabe und Textfeld werden bei gleicher Breite unterschiedlich breit angezeigt?

Question

Wenn ich die Breite einer Eingabe und eines Textbereichs auf 94% einstelle, scheinen sie in der Breite etwas unterschiedlich zu sein. Das habe ich auf vielen Seiten schon oft gesehen.

Kann jemand erklären, warum ein Textbereich nicht so breit wie ein Eingang ist, wenn er auf die gleiche% Breite eingestellt ist?

input, textarea { 
    width: 94%; 
} 

Answer 1

1. Vergessen Sie nicht, the box model enthält Grenzen, Polsterung und Margen. Sie alle beeinflussen die tatsächliche physische Breite eines Elements in der Seite.
2. Sofern Sie keine CSS reset verwenden, sind Sie den Standard-Browser-Stylesheets ausgeliefert, die für jedes Element unterschiedliche Ränder, Abstände und Ränder festlegen.

Answer 2

Mit CSS3 können Sie auch:

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
-moz-box-sizing: border-box; /* Firefox, other Gecko */ 
box-sizing: border-box;   /* Opera/IE 8+ */