Css 如何将标题与内容分开

我的标题覆盖了下面内容的顶部

例：

_________________
|标题|
| ______________ |
||______________||
|内容|
|______________|

如何使标题的div与内容的div分开

最终目标：

 _________________
| header         |
|                |
|________________|
 _______________
|              |
|    content   |
|______________|

Html（放在标题的div中。内容只是一些图片和标签）：

---

只需使用两个div，唯一可以使它们重叠的方法是，如果您有负边距或元素的位置是绝对的或固定的。只是不要用这两件事情，它应该解决

下面是一个基本示例：

您应该使用

{position:relative} 

---

对于header和content div，而不是fixed。

可能有负边距或绝对定位元素。只是不要用它，它会没事的。我他妈的确定它不是未清理的浮子就是位置absolute@Mr.Alien可以是

位置：固定，也是：-）@TylerH啊，是的，我讨厌那个位置。@TylerH很想看到
位置：粘滞
有朝一日，我将如何同时拥有页眉和导航，因为它们分别占据了整个页面，所以它周围的白色边框将被两幅图像覆盖。当我有
位置时：绝对他们占据了整个页面，因为我已经更改了这两个页面，它有一个白色边框？如果页面有一个白色边框，那么将body标签设置为0px body{margin:0px；}@AbdullahiFarah抱歉，我不太确定我现在是否理解了你的问题。你的意思是他们（导航和img）在使用position:relative后不占用整个页面，并且在页面周围有空白吗？如果是这样，您是否尝试将其宽度固定为100%，并将填充设置为0px？
.nav {
  background-color: #000000;
  font-style: italic;
  position: fixed;
  top: 0px;
  right: 0px;
  left: 0px;
}

.Menu
{
  float: right;
  text-decoration: none;
  width: 40%;
/*  padding-top: 5px; */
}
.Menu li{
  display: inline;
  padding-left: 50px;
  font-size: 20%;
}

.Menu li a{
  color: #CCCCCC;
  font-size: 15px;
  text-decoration: none;
}

.Name {
  display: inline-block
}

.Menu li a:hover {
  color: #FFFFFF;
}

.nav h3 {
  padding-left: 250px;
  Color: #7A7A99;
}

.intro {
  background: url('http://www.amritray.com/wp-content/uploads/2012/01/foggy-photographs21.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-ie-background-size: cover;
  background-size: cover;
  top: 0px;
  right: 0px;
  left: 0px;
  height: auto;
  overflow: auto;
  text-align: center;
}

{position:relative}