Macbook retina CSS：可滚动div滚动条与父滚动条重叠

发现一个奇怪的问题，做了一些谷歌搜索，没有发现任何人有类似的问题

简而言之。我在另一个位置固定分区中有一个位置固定分区。在非视网膜上，一切正常，但在macbook视网膜（webkit浏览器）上，父级的滚动条与应位于顶部的分区滚动条重叠：

有人有什么想法吗？提前谢谢

非视网膜与视网膜的视觉比较：

---

这背后的原因与像素的使用有关。现在，您已将类“floating”的内部固定div设置为：

right:7px;

希望你能把它从滚动条上去掉。然而，对于您的未调优，滚动条在每个操作系统中的宽度并不都相同。在Retina Macbooc Pro上，滚动条的宽度有更多的像素（因此它对你的眼睛来说不是很小），可能是数量的2倍，因此7px的右边不能代表更多的像素。我使用的Ubuntu上也没有。最好的方法是：

.floating {
    position:relative;
    float:right;
}

---

甚至绝对定位也比固定定位好。因为现在因为父元素有一个固定的位置，所以子元素实际上是在证明它对主体的位置，或者它的父元素的父元素的位置。

这是一种排序模式。换句话说，这个div暂时位于主要内容之上。我设置正确的原因是：7px用于演示目的。在我真正的样式表中，它是0px。它应该与父滚动条重叠，直到被解除。希望它有意义。我可以问一下为什么在父元素上有固定的位置吗？一般来说，除非绝对必要，否则最好避免固定定位。这让事情变得草率和困难。这是个好问题。我讨厌它是固定的，但我正在开发一个已经设计好的web应用程序。我只是在改进。有很多事情让我不开心，但不幸的是，我不得不用我得到的东西来工作。

.floating {
    position:relative;
    float:right;
}