我正在使用我的第三方软件制作的HTML模板，并试图将其添加到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张图片。我将不得不用其他链接回复此内容...）
答案 0 :(得分：0)
将#xr_xr更改为：
<div id="xr_xr" style="width: 955px; height: 2045px; left: 50%; margin-left: -478px; border: none; position: relative; display: block">
这里是fiddle。并非所有的CSS都在那里，因此标签看起来不对，但您的内容确实如此（通过在eBay页面上直接从Chrome编辑DOM进行测试）。
将您的位置设置为绝对值并将顶部设置为0后，它将呈现在包含元素的顶部。
修改
此外，您在文本范围内设置top时没有left;您需要为xr_tl的css添加左值。