2つのdivをオーバーラップさせる方法

Question

新しいウェブサイトをデザインしていますが、問題が発生しました。ナビゲーションバーを機能させる方法は、ヘッダー（ロゴバー）にブレンドすることです。ここで

は、コード化されたときに、それが現在のようになります。

ここで私はそれが見えるようにしたいものです。

現在、これは私のCSSです：

#header { 
margin: 0px auto; 
width: 900px; 
height: 170px; 
background: #000; 
} 

#navigation { 
margin: 0px auto; 
width: 920px; 
height: 60px; 
background: url('images/nav.png'); 
} 

私のHTML：

 <div id="header"> 

     </div> 


     <div id="navigation"> 

     </div> 

Answer 1

あなたは次のように書くことができます。

#header { 
margin: 0 auto; 
margin-bottom:-30px; 
width: 900px; 
height: 170px; 
background: #000; 
} 

Answer 2

負marginまたはposition: absoluteあなたの問題を解決します。

Answer 3

アイテムにデフォルトのパディングと余白がある可能性があります。これは、負の余白で表示される最初の回答のようにオーバーライドする必要があることを意味します。パディング：0;あるいは、このあいを避けるために、CSSのリセットを使用して...次

Answer 4

アドオン： -

margin-top ; -30px;