javascript - 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/ 如果您单击 Logo 标题旁边的消息图标，您可以看到问题所在。

艾玛。

Answer 1

为您的 Logo 标题添加高度，例如

height: 90px;