Question

我在浏览器窗口顶部和'head'元素之间以及'head'元素和我'body'之间的空间区域遇到了一些麻烦。

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

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

我还尝试过填充和边距，但根本无法让头部内容“亲吻”屏幕顶部和正文内容。

您可以在此处查看我的HTML和CSS的简要说明：https://jsfiddle.net/2w3vzstf/

我如何克服这个问题？

Answer 1

body {
    margin: 0;
}

您不喜欢的较低间距是#menu，其上边距为10px

应该整理页面上方的间距。

Answer 2

尝试在菜单CSS定义中注释掉上边距。

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

这是你想要的吗？

Answer 3

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

<head>不是任何网页内容的地方，甚至是“标题”。这应该都在<body>标记中。

我修改了你的小提琴，以显示如何修改css以获得你想要的效果：

基本上你设置了

margin: 0;

代表<body>和<div id="menu">元素