Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 切换时Div项向上移动_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 切换时Div项向上移动

Javascript 切换时Div项向上移动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有四个。使用display:none不会显示其中一个图标,只有单击图标后才会显示。单击该项时,将调用jQuery切换函数。一个设置为显示:无,并显示先前隐藏的一个。这是完美的工作,但由于一些奇怪的原因,页面内容移动10像素左右的切换。我不知道是什么原因造成的,因为所有的都有相同的css和类。以下是css: element.style { margin-right: 5px; margin-left: 10px; left: 0px; display: block; } #contactus

我有四个
。使用
display:none
不会显示其中一个图标,只有单击图标后才会显示。单击该项时,将调用jQuery切换函数。一个
设置为
显示:无
,并显示先前隐藏的一个。这是完美的工作,但由于一些奇怪的原因,页面内容移动10像素左右的切换。我不知道是什么原因造成的,因为所有的
都有相同的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的类。元素样式也一样。谁能告诉我是什么导致了这种行为。以下是网址: 你可以看到它的问题,如果你点击信息图标除了标志标题


Ahmar.

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

height: 90px;

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

height: 90px;

您使用引导网格系统存在一些问题您需要在一行中有12列,但是您也有16列
h2
元素应该在行元素之外您使用引导网格系统存在一些问题您需要在一行中有12列,但是您也有16列
h2
元素应该在行元素之外谢谢利亚姆,我想底部的边距会让它保持原样。我的谢天谢地,利亚姆,我想利润底部会保持原样的。我的错