如何重叠两个div

时间:2012-05-11 11:58:38

标签: css html styling

我正在设计一个新网站,但我遇到了一个问题。我希望我的导航栏工作的方式是它融入标题(徽标栏)。

以下是编码时的情况:

enter image description here

这就是我想要的样子:

enter image description here

目前这是我的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>

4 个答案:

答案 0 :(得分:6)

你可以这样写:

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

答案 1 :(得分:2)

否定marginposition: absolute会解决您的问题。

答案 2 :(得分:2)

项目上可能存在默认填充和边距,这可能意味着您必须覆盖它,如第一个带有负边距的答案,指定边距:0;填充:0;或使用CSS重置来避免这种摆弄......

答案 3 :(得分:2)

添加以下内容: -

<强> margin-top ; -30px;