为什么我的div不显示块

Question

这是我的CSS文档：http://brandonholmes.net/scheduleus.css

有人可以解释一下为什么'nav'相互重叠并且'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的固定高度。