Div项目向上移动切换

Question

我有四个<div>。其中一个不使用display:none显示，只有在您单击图标后才会显示。单击该项时，将调用jQuery切换函数。一个<div>设置为display:none，并显示之前隐藏的那个。这是完美的工作，但由于一些奇怪的原因，页面内容在切换时移动了10个像素左右。我不知道是什么导致了它，因为所有<div>都有相同的CSS和类。这是css：

element.style {
margin-right: 5px;
margin-left: 10px;
left: 0px;
display: block;
}

#contactus {
background-color: #DDD;
position: relative;
position: relative;
left: 0;

}
@media (min-width: 1200px)
.span4 {
margin-left: 5px;
width: 320px;
}

span4是切换div的类。元素样式也是一样的。任何人都可以给我一个暗示是什么导致了这种行为。这是网址： http://contestlancer.com/davidicus/ 如果单击徽标标题旁边的消息图标，则可以看到问题所在。

艾哈迈尔。

Answer 1

为徽标标题添加高度，例如

height: 90px;