标题的边距被添加到正文（如何解决？）

Question

我试着解决这个问题好几个小时...... 我尝试了一些技巧，一些小黑客，我也尝试添加位置“相对，绝对......等等”，一些“顶部”，顶部添加一个看不见的固定div后面的固定和其他，但我想要最干净的解决方案可能并且知道为什么我遇到了这个问题。

：我有一个“固定”到顶部的菜单和一个标题。 标题位于菜单后面（正常），但是的问题是，当我向标题添加边距时，它会向主体添加边距，而我想在主体内部添加边距，只需放置没有位置的菜单下的标题：relative + top：Xpx。 并使用“box-sizing：border-box”不会改变任何内容

的 http://jsfiddle.net/WdNz4/ 的

<div id="menu">
</div>

<div id="header">
    test1(Success)<br>test2<br>test3(Lose)<br>test4<br>test5
</div>

（不能发布我的CSS，小bug，转到jsfiddle）

Thanx提前帮助你！

Answer 1

将top:0;属性添加到#menu：

#menu {
    height: 40px;
    width: 100%;
    position: fixed;
    background-color: red;
    top:0; 
}

JSFiddle：http://jsfiddle.net/WdNz4/4/

Answer 2

只需使用float：left;这会将你的块设置在身体结构之外，这样你就可以随意定位它。