html - margin 顶部菜单不起作用

Question

好的，所以我有这个 fiddle :http://jsfiddle.net/Rae9m/

如您所见，顶部的菜单并没有像预期的那样紧贴边缘顶部。这是我的 HTML:

 <div class="container">
<div class="menu">
<div class="item">Page</div>
<div class="item">Page</div>
<div class="item">Page</div>
<div class="item">Page</div>
</div>
<h2>Blue Beat</h2>
<div class="desc">
<em style="color: #00F7FF">Blue Beat - Featuring Electric Blue Color</em>
</div>
</div>

CSS 很大，所以我把重要的部分放在这里:

.menu {
width: 1000px;
}

.menu:last-child {
float: clear;
}

.item {
width: 250px;
height: 50px;
float: left;
background-color: #00F7FF;
transition: background-color 1s;
}

.item:hover {
transition: background-color 1s;
background-color: #fff;
}

关于为什么这不起作用的任何想法？我都试过了，margin-top: 0 用于 body、menu、container div 等等，还是不行，很郁闷。

Answer 1

它是<h2>那就是给你这个空间。默认h2

CSS:

h2 {margin:0;}

Updated JsFiddle