如何重叠两个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;填充：0;或使用CSS重置来避免这种摆弄......

Answer 4

添加以下内容： -

<强> margin-top ; -30px;