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

Question

我有3个div，其内容通过单击3个按钮来触发可见性：

http://screencast.com/t/NSlRzrIBBUb

有时，当我单击其中一个按钮时，会得到以下信息：

http://screencast.com/t/wjw3565BBGQ

就像有些页边距被重置为0。甚至行高和字母间距似乎也被重置。 单击屏幕上的任何位置后，所有内容将恢复正常。 在其他所有浏览器上，一切正常。

有人为什么会有想法吗？

谢谢，卢西安

Answer 1

可见性： 如果使用类引用进行切换，则隐藏/可见会导致重新绘制；如果使用style属性进行切换，则将导致重新绘制 。

使用position:relative容器包装3个div。 将3个div position:absolute分别设为position:absolute 。 点击后，添加一个设置为top:-9999px的类top:-9999px 。