如何使用css使div始终最佳？

Question

就像这里的stackoverflow警报栏一样。

它不应该是position:fixed，因为并非所有浏览器都支持它。

当然，position:absolute也不会。

Answer 1

您始终可以使用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对象。

我使用position: fixed;。然而，许多人仍然使用IE6，但不支持它。

Answer 2

将div置于body标签下，将其置于绝对位置，top：0，left：0 如果你想要它推送内容，只需将它放在那里，而不是我给你的CSS。

Answer 3

如果您在css中使用任何类，则非常简单的步骤应用另一个属性 z-index = 1; 如果该div相对于其父div，它将使该div始终位于顶部。

Answer 4

确保元素直接嵌套在body标签下，使用绝对位置和顶部的css：0;

顺便说一句，大多数浏览器都使用fixed。

Answer 5

除非你想使用javascript，否则只有固定定位才能这样做。你不这样做，因为这是一种丑陋的做法。

Answer 6

就像SO那样做。使用“notifycontainer”并在需要时使用来自JavaScript的InnerHTML填充它。由于它是一个相对定位，当你重写InnerHTML时，页面会根据div的内容重新渲染。当您想要清除警报时，您只需重写InnerHTML即可。你甚至不需要编写动画代码。浏览器现在呈现的方式，动画将是自动化的。