css - 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

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

Answer 4

以下を追加：-

margin-top ; -30px;