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 dev tools を使用して要素の CSS を調べたところ、margin-top適切に に設定されてい40pxます。評判が悪くてプレビューを投稿できません。泣く。