如何添加類似通知欄的woothemes？

Question

我想在我的網站上添加一個固定的通知欄（如黃色的here）：http://balloonup.com。 我試圖把以下內容只是體內後：

<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> 

不幸的是，這個黃色條重疊我的頭。

有什麼想法？

Answer 1

在woothemes示例中，他們剛剛通過margin-top推下了第一個內容框（#top），其中「通知欄」的高度就像@rockinthesixstring寫的一樣。