Css safari中的边距百分比错误

在Firefox和chrome中，当我给出绝对位置的百分比时，一切都很好

利润率：50%060%；位置：绝对位置；z指数：5

FF/chrome根据屏幕大小计算百分比。但在safari中，利润率似乎是原来的两倍。所以我试着用大众的
calc（）

margin:calc（50vw*0.54）0 calc（50vw*0.60）；位置：绝对位置；z指数：5

在狩猎中没有效果。我想我遗漏了什么。请帮忙

添加请查看ff/chrome和safari之间的区别

这是我第二次，如果我理解你的问题的话，现在我想出了小提琴。：）
可能是这样的


使用
top:50%
和
left:50%
进行测试1和测试2
谢谢您的努力。。我尝试了top/left/right，它可以正常工作，但是覆盖div是可单击的，如果我们使用top/left，它有一个jquery函数onclick（）。单击选项不起作用。它单击它后面的div（它也有一个jquery函数）。希望你能理解我的问题。你能在fiddle中添加jquery部分吗：）它在js fiddle中运行良好。我已经准备好展示我的网站了，请检查一下。请给我一些解决方案如果HTML更改是可能的，请尝试以下内容：（test1和test2在里面。content和。content有位置相对设置。适用于我的safari-在win7上）您的想法在我的网站上运行良好，但没有响应请查看检查和抛出一些解决方案我到底应该看什么？哪些元素代表test1和test2？带有蓝色bg的加号在safari中不可见。。只有几张照片，我知道。但这与我的JS小提琴不太相符。如果我理解正确，div.details应该在div.item中，并且.item应该有位置：relative。