2016-05-14 82 views
-2

这里是我的CSS文件:http://brandonholmes.net/scheduleus.css为什么我的div的显示块

是否有人可以解释为什么“导航”的div和相互重叠和“fixerheader” DIV即使都被设置为“显示:块'?

提前致谢!

编辑:这是有问题的代码...

#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; 
} 
+0

请在问题中提供您的代码 – dippas

+0

代码可以在链接的文档中找到,但当然。 –

+0

欢迎来到StackOverflow。请参阅[如何问](http://stackoverflow.com/questions/how-to-ask)和[完美的问题](http://codeblog.jonskeet.uk/2010/08/29/writing-the - 完美-问题/)。 –

回答

1

position: fixed是一切完全独立的。它的位置仅由与浏览器窗口相关的顶部/底部/左/右参数决定,它在文档流程中不占用空间。

另外position: absolute在文档流程中不占用空间。与fixed的区别在于,它与其父元素有关的位置是固定的。

因此,这两者很容易重叠其他元素,这可能是您的问题的原因。

display: block在这方面没有任何改变。

+0

那么创建三个div的最佳方式是什么?一个用作页眉并跨越页面的整个顶部,另外两个直接位于页面的下方,避免重叠,并使其适合其内容的大小? 我考虑定义高度/宽度,但因为内容大小会有所不同,所以如果内容对于定义的div大小太多,我不希望以后出现丑陋的设计。没有任何HTML代码的 –

+0

几乎不可能向您提供建议 - 您在评论中询问的内容太宽泛,无法给您一个满意的答案 – Johannes

0

没有html是不可能回答你的问题,但定义一个高度可以解决你的问题。例如,尝试给出100px的固定高度。