Html 如何添加通知栏之类的主题？

我想在我的网站上添加一个固定的通知栏（如黄色的）。 我试着在尸体后面放上以下内容：

<div id="notification-wrapper"
style="border-bottom: 1px solid #C69A00;
background-color: #FEF28F;top:0;
position: fixed;z-index: 99999;width: 100%;">
<em>Hello world!</em>
</div>

你好，世界！

不幸的是，这个黄色条与我的标题重叠

---

有什么想法吗？

在woothemes示例中，他们刚刚按下了第一个内容框（#顶部），通过

页边顶部

，其“通知栏”的高度与@RocktheSixstring所写的一样。

只需向下移动标题即可。它重叠是因为它是固定的。如果要永久存在，则需要将标题向下移动，无论通知栏占用多少像素