Normalize.css 컨테이너 외부로 나가는 텍스트 필드

Question

저는 Wordpress에서 작업중인 작은 프로젝트에서 normalize.css를 사용하고 있습니다.하지만 연락처 양식을 사용할 때 텍스트 필드가 용기 :

http://notfilc.eu/wordpress/

기분을 상하게하는 코드는이 :

button, input, select, textarea { 
font-family: inherit; 
font-size: 100%; 
margin: 0; 
} 

난 그냥 정상화에서이 문제를 제거 할 수 있지만, 나는 외출 왜 배우고 싶다, 나는 단지 그것을 볼 수 없습니다. HTML은 상당히 커서 테스트 케이스를 줄이면 꽤 어렵습니다. 그러나 합리적인 답이있는 경우 다른 사람들이 배우기 위해 이것을 나중에 만들려고합니다.

Answer 1

제한하려는 경우 size=40

<input type="text" name="your-name" value="" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" size="40" /> 

따라서이 넘쳐 .. My Fiddle

size="30" 이하를 사용하여 시도하고 감소 ..

을 사용하고 있기 때문이다 필드의 문자를 사용 maxlength