Html 头体分离

我在浏览器窗口顶部和我的“head”元素、以及“head”元素和我的“body”之间的空间区域遇到了一些问题

到目前为止，添加以下类并没有带来任何改进：

.header{   <=== I have also attempted .head with no effect
    position: absolute;
    top: o;
}

.header{
您不喜欢的较低间距是#菜单，其顶部边距为10px

应整理页面上方的间距。
尝试，注释菜单CSS定义中的上边距

    #menu {
    /*  margin-top: 10px; */

这是你想要的吗

您的小提琴显示出一些标记问题

不是任何页面内容的位置，即使是“标题”。这些内容都应该放在
标签中

我已经修改了您的小提琴，以展示如何修改css以获得您想要的效果：


基本上是你设定的

margin: 0;

对于
和
元素
尝试将边距和/或填充设置为0这是
元素和
之间的巨大差异，请确保使用了正确的术语。@Paulie_D注意到，thanks@BenjaminHodgson谢谢，这正是我想要的：）有空白的菜单很简单te特定于它的锚，稍后会出现。我可以用负的边距（使用“边距底部：-10px；”）来解决这个问题吗相反？如果你想这样做，只需将“#titleback”上的边距改为“0 20px-10px”谢谢，@Hazonko的回答说明了一个事实，即我目前无法做到这一点，但你对源代码的看法确实是对的。为什么会如此禁止？最终的计划是为统一元素创建一种母版页，而且数量相当多模板（包括VS中包含的模板）的名称等放在区域中。这种做法有特殊原因吗？
中的“标题”显示为浏览器选项卡文本，它不是网页的一部分。
用于元信息和加载脚本或样式表，而不是DOM元素：
margin: 0;