当触发点击Javascript事件时，IE8将一些页边距重置为0

Question

我有3个div的内容得到他们的可见性触发点击3个按钮:

http://screencast.com/t/NSlRzrIBBUb

有时当我点击其中一个按钮时，我得到这个:

http://screencast.com/t/wjw3565BBGQ

就像一些边距被重置为0。甚至行高和字母间距似乎都被重置了。点击屏幕上的任何地方后，一切都恢复正常。

有人知道为什么吗?

谢谢,卢西恩

Answer 1

visibility:hidden/visible:如果你使用类引用来切换它，会导致重新绘制，如果你使用style属性来切换它，会导致回流。

使用position:relative容器包装3个div中的每个div。让这3个div都是position:absolute。单击，添加一个类集top:-9999px。