如何使用css使div始终位于顶部？

就像这里的stackoverflow警告栏一样

它不应该是

position:fixed

，因为并非所有浏览器都支持它

---

绝对，也不会。位置：绝对。

将div放在body标签下，给它绝对位置，顶部：0，左侧：0

---

如果您想让它推送内容，只需将其放在那里，而不使用我给您的CSS即可。

确保元素直接嵌套在body标记下，使用带有绝对位置和顶部的CSS:0

---

顺便说一句，大多数浏览器都使用fixed。除非您想使用javascript，否则只有fixed positioning可以做到这一点。你不知道，因为这是一种丑陋的方式。

就这样做吧。需要时，使用“notifycontainer”并使用JavaScript中的InnerHTML填充它。因为这是一个相对的定位，所以当您重写InnerHTML时，页面将根据div的内容重新呈现，因为它们当时是这样的。同样，当您想要清除警报时，只需重写InnerHTML。您甚至不需要编写动画代码。浏览器现在呈现的方式，动画将是自动的。

您可以始终使用EMCAscript或其形式之一（JScript、JavaScript）来计算视口的位置，并将其设置为相等的位置

function positionView()
{
  return (window.pageYOffset) ?
    window.pageYOffset :
    (document.documentElement.scrollTop) ?
      document.documentElement.scrollTop :
      document.body.scrollTop;
}

function setPosition(object)
{
  object.style.top = positionView() + "px";
}

然后通过

document.getElementById

传入您想要使用的DIV对象

---

我会使用

位置：fixed。不过，许多人仍然使用IE6，但IE6并不支持它。
如果您使用css中的任何类，那么这是一个非常简单的步骤，请再应用一个属性z-index=1
如果该div相对于其父div，它将使该div始终位于顶部。
absolute
不会在滚动条时使其始终位于顶部。
fixed
确实是他想要的，但这在IE6上不起作用，例如，IE6（不幸的是，它仍然有很大的市场份额）。如果你想要它位于顶部，像上面所有其他元素一样，然后使用z索引属性并设置为大于其他元素