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

我可以使用以下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;
}

---

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

请尝试以下代码：

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

这是在以下问题上发现的：

---

在您的情况下，将“固定”更改为“绝对”可能会解决此问题？让我知道你是怎么做的，因为他们可能是在safari中实现这一点的另一种方法。

尝试以下代码：

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

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

这是在以下问题上发现的：

在您的情况下，将“固定”更改为“绝对”可能会解决此问题？让我知道你是怎么走的，因为他们可能是另一种在狩猎中做到这一点的方式

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

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

---

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

你能提供你的html结构吗。只有一个想法，将realtive设置为body元素或form元素，在body中设置，结果我只需要添加

float:right

小心！浮动：对；在不同的屏幕大小下可能会有不同的行为。您是否可以提供您的HTML结构。只有一个想法，即设置主体元素或表单元素的realtive，在主体内部设置，结果我只需要添加

float:right

小心！浮动：对；当使用

absolute

时，在不同的屏幕大小下，div的行为可能会有所不同。当页面滚动时，div会滚动。我希望div在浏览器窗口中保持在相同的位置，即使页面被滚动。是的，这是真的…奇怪的是，它不在Safari上工作？不管怎样，你找到了解决办法@erikr当使用

absolute

时，div在页面滚动时滚动。我希望div在浏览器窗口中保持在相同的位置，即使页面被滚动。是的，这是真的…奇怪的是，它不在Safari上工作？不管怎样，你找到了解决办法@埃里克