这个问题与别人所描述的不太相似：
>某些FORM元素不显示其完整的垂直高度
>其中最值得注意的是,当坐在按钮或“附加”类旁边时,INPUT类型看起来像大小不齐
>最近我注意到一个更严重的问题…单选按钮变成“无线电点”,因为它们很小,几乎不可见.
现在有很多人通过确保他们在HTML文档的顶部正确指定了DOCTYPE来解决他们的问题.我也发现这个简单的调整对我的静态HTML模型做了一个窍门.可悲的是,当我切换到wordpress的问题重新出现,但我绝对将HTML 5 DOCTYPE签名放在输出的最顶端(我已经检查了这几次“查看源”,因为我认为也许我失去了我的心神).
我已经包括了一个快速的屏幕快照,以防这有助于揭示这一点.您可以在这里找到：http://www.flickr.com/photos/14261777@N00/6957941282/.请注意底部的小点,应该是单选按钮.更显着的是INPUT字段不够高.哦,也是为了完整,这里是一个关于我的HTML源代码开始的截图：http://www.flickr.com/photos/14261777@N00/6957952802/.
我很乐意听到谁有理论为什么这可能发生和任何可能存在的解决方法(即使解决方案的来源是未知的).我试图强加CSS属性,如line-height,height,min-height等,还有一些其他的零效果.
解决方法
如果您的变量显示为正确的值(例如,18px高度),那么它们绝对是一个DOCTYPE问题.
从this article在列表上：
You’ve done all the right stuff,but your site doesn’t look or work as
it should in the latest browsers.You’ve written valid XHTML and CSS. You’ve used the W3C standard
Document Object Model (DOM) to manipulate dynamic page elements. Yet,
in browsers designed to support these very standards,your site is
failing. A faulty DOCTYPE is likely to blame.This little article will provide you with DOCTYPEs that work,and explain the practical,
real–world effect of these seemingly abstract tags.
以下是根据W3C推荐的DOCTYPE列表：
