我在一个我在Wordpress上工作的小项目上使用normalize.css，但是当我使用联系表单时，normalize会导致文本字段跨越容器：
违规代码是：
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
我可以将其从标准化中移除，但我想了解它为什么会出现，而我却看不到它。 HTML非常大，所以减少的测试用例很难实现，但是我愿意在其后生成这个，以便其他人学习，如果有合理的答案。
答案 0 :(得分：4)
这是因为您使用的是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