2016-05-14 91 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的固定高度。