关于html的input按钮与input文本框的高度问题解析

问：为什么input按钮的高度与input文本框的高度不一致？

答：因为input按钮在高度与宽度计算上采用的是Quirks模式进行计算，也就是说input按钮的高度与宽度分别是包含了padding、border，而对于input文本框则采用的标准模式进行计算宽度与高度，也就是在css样式中设置width：50px,它的内容盒子宽度就是50px，同样对于高度也是如此.

但是对于input按钮的css设置width:50px,其内容盒子的宽度会减去border-left、border-right,也就是 其内容的宽度会小于50px,其高度也是如此。