如何重叠两个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;
}