CSS3转换影响父div

Question

我试图找出为什么这个CSS3过渡会影响父div：

http://jsfiddle.net/BpUqt/5/

我正在尝试在div内移动一个对象而不改变其父div的高度。

但是，每次转换开始/结束（有或没有边框）时，盒子的高度会缩小1px

虽然我想连续使用其中的三个，但如果用户快速地悬停在这些项目上，我的内容也会开始跳跃。

设置固定高度不是一种选择，因为我正在处理响应式布局。

Answer 1

取代动画边距（这意味着需要重新计算框高度，因此部分像素上的舍入误差会导致移动），请使用变换。

另外，请记住IE10有转换，所以也要使用ms前缀。

查看http://jsfiddle.net/BpUqt/10/

Answer 2

好的，这是一个简单的解决方法。只需添加一个负边距就可以了：

http://jsfiddle.net/BpUqt/12/

以下是它的实际外观（最小版本）：

http://jsfiddle.net/sSjQt/