文本框和按钮不对齐

Question

1.代码：

2.浏览器显示：

3.问题：为什么文本框和按钮天然不对齐，是什么原因，不需要解答解决方法，我只是想知道原因？

Answer 1

1、button在高度计算上始终使用了Quirks模式。
2、在Quirks模式下，边框的计算是在元素的宽度内的，而不像标准模式一样计算在外部，所以在text和button上同时设置边框就会得到button的高度比text小的现象。
3、button的高度包含边框的高度，而文本框text则不包含边框高度。
将边框都设置为none试一试

Answer 2

用浮动应该就能对齐了

Answer 3

问的样式问题。css代码一句也不贴，这问题问的

Answer 4

给两个元素加vertical-align:middle;试一下
本来默认就是对齐的：demo 你的css是怎么写的

Answer 5

我没加样式写 是对齐的。。。