带有固定警报的固定标题

Question

如果我有一个像引导程序固定标题这样的网站设置： http://getbootstrap.com/examples/navbar-fixed-top/

所以 header 有 position:fixed 并且 body 有 padding-top:70px。

在固定标题下添加固定警报以使正文相应地向下推送的最首选方法是什么？

我能想到的最佳解决方案是使用 JQuery 向 body 添加一个修改类，如果顶部有固定警报，则 padding-top:140px。

想法？

Answer 1

为了使警报通知固定在右上角，您可以修改css，例如

#success_alert, #error_alert{
  position: absolute;
  z-index: 9;
  margin: 70px 10px 0px;
  top: 0;
  right: 0;
}

也许您应该调整边距，具体取决于您的页眉高度。 这对我很有效。