css - 页眉的边距被添加到正文中（如何解决？）

Question

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

：我有一个“固定”到顶部的菜单和一个标题。标题在菜单后面（正常），但问题是当我给标题添加边距时，它会在正文中添加边距，而我想在标题内部添加边距，只需将标题放在下面没有位置的菜单：相对+顶部：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）

提前感谢您的帮助！

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; 这会将你的块设置在身体结构之外，这样你就可以随意放置它。