为什么我的CSS按钮在以下情况下移动相邻按钮：活动？

Question

我在div中有这些按钮，彼此相邻。 当我单击其中一个时，边距被调整为类似于按下按钮。 但这会移动它旁边的按钮，我也无法找出原因。

包装div的大小无关紧要。

Here's a fiddle。任何人都可以帮我解决这个问题吗？

Answer 1

将vertical-align: top;添加到button.demo和button.source：http://jsfiddle.net/jtnTJ/14/