将div保留在浏览器窗口的右上角 - Safari

Question

我可以使用此css在浏览器窗口的左侧保留div：

.foo {
  position: fixed; top: 0; left: 0; z-index:999;
}

即使滚动窗口，div也会始终显示在浏览器窗口的左上角。

现在我想将div保存在浏览器窗口的右侧，但这并没有完成这项工作（在Safari中）：

我该怎么办？

答案

答案是添加float: right，例如：

.bar {
  position: fixed; top: 0; right: 0; z-index:999; float: right;
}

其他浏览器可能不需要它。

Answer 1

请尝试以下代码：

position:absolute;
top:0;
right:0;

在以下问题中找到了：

How to place div in top right hand corner of page

在您的情况下，将固定更改为绝对可能会修复它吗？让我知道你是如何去的，因为他们可能是另一种方式来探险。

Answer 2

.bar {
  position: fixed; top: 0; right: 0; z-index:999;
}

没有理由不这样做。将z-index更改为比其他固定元素更高或更低的值。如果这不起作用，请提供更多信息，例如您的html结构。