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;