4

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

这是当前编码时的样子：

在此处输入图像描述

这是我想要的样子：

在此处输入图像描述

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

4 回答 4

6

你可以这样写：

#header {
margin: 0 auto;
margin-bottom:-30px;
width: 900px;
height: 170px;
background: #000;
}
于 2012-05-11T12:00:28.257 回答
2

否定margin或position: absolute将解决您的问题。

于 2012-05-11T12:02:44.760 回答
2

项目上可能有默认填充和边距，这可能意味着您必须像第一个显示负边距的答案一样覆盖它，指定边距：0；填充：0；或使用 CSS 重置来避免这种摆弄......

于 2012-05-11T12:03:27.600 回答
2

添加以下内容： -

margin-top ; -30px;

于 2012-05-11T12:07:20.303 回答