javascript - 动态直接通过服务器加载元素时的 CSS 负边距差异

Question

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

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

margin-bottom设置为-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。我无法发布没有足够声誉的预览。抱歉。

Answer 1

因为您已经定义了元素的绝对位置，所以您可以使用 top: -40px; 而不是使用 margin-top: -40px;