将 div 保持在浏览器窗口的右上角 - Safari答案

【问题标题】：keeping div at the top right corner of browser window - Safari将 div 保持在浏览器窗口的右上角 - Safari
【发布时间】：2016-05-30 14:58:38
【问题描述】：

我可以用这个 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;
}

其他浏览器可能不需要。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

试试下面的代码：

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

在以下问题中发现：

在您的情况下，将固定更改为绝对可能会解决它？让我知道你的情况，因为他们可能是在 safari 中执行此操作的另一种方式。

【讨论】：