Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.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 动态直接通过服务器加载元素时CSS负边距差_Javascript_Jquery_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 动态直接通过服务器加载元素时CSS负边距差

Javascript 动态直接通过服务器加载元素时CSS负边距差

javascript jquery css

Javascript 动态直接通过服务器加载元素时CSS负边距差,javascript,jquery,css,Javascript,Jquery,Css,当直接从服务器加载和通过CSS动态加载时，元素的位置不同 我在两种情况下使用相同的CSS类，但结果不同 页边距底部设置为-40px，当我通过PHP和jQuery动态加载元素时，元素的位置不同 CSS类： .iconView .adLocation { background-color: rgba(0,0,0,0.3); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFF;

当直接从服务器加载和通过CSS动态加载时，元素的位置不同

我在两种情况下使用相同的CSS类，但结果不同

页边距底部
设置为
-40px
，当我通过PHP和jQuery动态加载元素时，元素的位置不同

CSS类：

.iconView .adLocation {
  background-color: rgba(0,0,0,0.3);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #FFF;
  height: 18px;
  font-size: 13px;
  position: absolute;
  margin-top: -40px;
  width: 188px;
}
我通过chrome开发工具检查了元素的CSS&
margin top
正确设置为
40px
。我不能发布没有足够声誉的预览。sry.

因为您已经定义了元素的绝对位置，所以可以使用
top:-40px而不是使用
页边距顶部：-40px
请添加代码以供参考。请编辑问题并添加代码，不要在注释中发布。那么您是从PHP、CSS、jQuery“加载”元素吗？我不明白，我有好几页。当用户最初访问页面时，数据直接从服务器加载。但是一旦用户单击next或previous，数据就会通过ajax加载&对此，响应是json格式的。因此，我通过jQuery动态准备元素，然后将其附加到父元素。仍然没有成功。如果它被覆盖，dev工具将通过边距规则显示一个删除&它似乎没有被覆盖。不管怎样，我尝试了你的答案&它没有锻炼。谢谢。仅使用页眉而不是页边空白页眉有效…！：）