為什么我的 div 不顯示塊

Question

這是我的 CSS 文檔： http : //brandonholmes.net/scheduleus.css

有人可以解釋為什么'nav' div 和'fixerheader' div 相互重疊，即使兩者都設置為'display：block'？

提前致謝！

編輯：這是有問題的代碼......

#nav {
 border-radius: 5px;
 position: absolute;
 display: block;
 background-color: white;
 color: black;
 margin-bottom: 10px;
 padding: 5px;
}

#fixedheader{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 color: #FFFFFF;
 background: #000000;
 padding: 0px 3px;
 display: block;
}

Answer 1

position: fixed完全獨立於其他一切。 它的位置僅由與瀏覽器窗口相關的上/下/左/右參數決定，它在文檔流中不占用空間。

還有position: absolute在文檔流中不占用空間。 與fixed的區別在於，它錨定到其父元素的位置。

因此，兩者都很容易與其他元素重疊，這很可能是您出現問題的原因。

display: block在這方面不會改變任何東西。

Answer 2

沒有 html 就不可能回答你的問題，但定義一個高度可以解決你的問題。 例如，嘗試給出 100px 的固定高度。