Html 页边距顶部菜单不工作

好的，我有一把小提琴：

正如您所看到的，顶部的菜单不希望像预期的那样粘在页边空白的顶部。这是我的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>

有没有办法解释为什么这样不行？我尝试了所有这些，

margin-top:0

用于body、menu、container-div等，但仍然不起作用，这非常令人沮丧。

这就是为您提供此空间的

。默认h2

Css:

---

您没有正确清除

菜单中的浮动

如果你改变

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

到

或者类似的，你可以在标题上保留页边空白，而不让它们溢出容器

h2 {margin:0;}

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

.menu:after {
    content: "";
    display: table;
    clear: both;
}