2016-05-14 9 views
-2

は私のCSSドキュメントですません。http://brandonholmes.net/scheduleus.cssはなぜここに私のdivの表示ブロック

誰かがなぜ「NAV」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へ。 [How to Ask](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

したがって、3つのdivを作成するには、ヘッダーとして機能し、ページの上部全体にまたがるものと、そのすぐ下にあるもの、重複を避けるもの、コンテンツのサイズに合わせるものがあります。 高さと幅を定義することを検討しましたが、コンテンツのサイズが変化するため、あとでdivの定義されたサイズにコンテンツが多すぎると、後で醜いデザインをしたくありません。 –

+0

HTMLコードがないと、アドバイスを与えることはほとんど不可能です。あなたのコメントであなたが聞いていることは、あなたに満足のいく回答を与えるにはあまりにも広すぎます – Johannes

0

あなたの質問に答えることはできませんが、高さを定義することで問題が解決する可能性があります。 100pxの固定高さを試してみてください。

関連する問題