0

我正在使用使用 3rd 方软件制作的工作 HTML 模板，并尝试将其添加到 eBay 列表中，但列表显示不正确。

当我尝试将其添加到 eBay 列表时出现视觉错误。在 Chrome 中，会发生这种情况：https ://dl-web.dropbox.com/get/cropped%20ebay.png?_subject_uid=155856861&w=AAAV20ym1M3Czc9VF2DUwBU2omimJFfQErKaYnrwOdyCyg

在其他浏览器中，会发生这种情况：http: //i.imgur.com/zd06HD5.png

试图追查这个问题，它似乎与 CSS 有点相关。如果我从 CSS 文件中删除“.xr_ap {position: absolute;border:none;}”行，它会稍微正确地呈现在页面上，但图像丢失了。

我不确定如何解决这个问题？为什么在 CSS 中使用 Absolute 会导致这个问题？

如果有人可以提供帮助或需要更多信息，请告诉我。

（编辑：我每个帖子只能包含 2 张图片。我将不得不用其他链接回复这个……）

4

1 回答 1

0

将您的 #xr_xr 更改为：

 <div id="xr_xr" style="width: 955px; height: 2045px; left: 50%; margin-left: -478px; border: none; position: relative; display: block">

这是小提琴。并非所有的 CSS 都在那里，因此选项卡看起来不正确，但您的内容确实如此（也通过直接从 eBay 页面上的 Chrome 编辑 DOM 进行了测试）。

将您的位置设置为绝对位置并将顶部设置为 0，它在包含元素的顶部呈现。

编辑

此外，您还没有top设置left文本跨度；您将要为 .css 添加一个左值xr_tl。

于 2014-12-26T22:33:10.060 回答