（HTML/CSS）为什么我的导航不在页面顶部？_Html_Css

（HTML/CSS）为什么我的导航不在页面顶部？

html css

（HTML/CSS）为什么我的导航不在页面顶部？,html,css,Html,Css,我对编码真的很陌生，我相信这会在某个地方得到回答。但无论我看到哪里，我都不太明白。当我使用text align:center对齐导航时，它会在徽标所在的行下方移动，就好像它阻止它移动到页面顶部一样。当我选择图像时，您可以看到它我试过用页边空白，但我不能把菜单调高。我也尝试过使用display:inline，但这会给我的导航增加额外的大小，而且仍然不会到达页面顶部，正如我选择它时所看到的那样代码如下： head{} 身体{ 背景图片：url（img/background.jpg）； } .标

我对编码真的很陌生，我相信这会在某个地方得到回答。但无论我看到哪里，我都不太明白。当我使用

text align:center

对齐导航时，它会在徽标所在的行下方移动，就好像它阻止它移动到页面顶部一样。当我选择图像时，您可以看到它

我试过用页边空白，但我不能把菜单调高。我也尝试过使用

display:inline

，但这会给我的导航增加额外的大小，而且仍然不会到达页面顶部，正如我选择它时所看到的那样

代码如下：

head{}
身体{
背景图片：url（img/background.jpg）；
}
.标志{
显示：内联；
}
导航处{
显示：内联；
}
部门内容{
文本对齐：居中；
}


利亚姆之家酒店

您的头部标签关闭两次。这应该行得通

<!DOCTYPE html> 
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>LiaamB Home</title>
    <link rel="stylesheet" type="text/css" href="style.css"/>   
    <link rel="shortcut icon" type="image/png" href="img/icon.png"/>
</head>
<body>
    <a href="index.html"><img src="img/logo.png" width=200 height="200" class="logo"></a>
    <img src="img/worktitle.png" width="200" height="200">
    <div class="nav">
        <a href="index.html"><img src="img/home.png" width="250" height="100"></a>
        <a href="work.html"><img src="img/work.png" width="250" height="100"></a>
        <a href="store.html"><img src="img/store.png" width="250" height="100"></a>
        <a href="contact.html"><img src="img/contact.png" width="250" height="100"></a> 
        <a href="videos.html"><img src="img/videos.png" width="250" height="100"></a>
    </div>
    <div class="content">
    <img src="img/about.png" width="1500" height="150">
    </div>
</body>
</html>


利亚姆之家酒店

就像@hairmot所说的，你的

元素在你的

身体之外。您还有两个结束标记。修复这两个错误可以解决您的问题
以下是已修复这两个问题的代码：

head{}
身体{
背景图片：url（img/background.jpg）；
}
.标志{
显示：内联；
}
导航处{
显示：内联；
}
部门内容{
文本对齐：居中；
}

利亚姆之家酒店
谢谢大家的帮助：）我想我会在徽标和工作标题上添加边距，使其与导航对齐。然后只需处理页面顶部的间距：）再次感谢。
提供js提琴，我可能会提供帮助。您的导航div不在html正文中。我不确定js提琴是什么？很抱歉，我是新来的，已经花了至少4个小时试图修复此问题：）您在2个标记之间放置了一些HTML代码。这是在stackoverflow文本框中粘贴代码时的错误，还是您提到的问题的主要原因？只需将导航放在正文中，它在导航顶部仍然有间距，并且没有到达页面顶部。我错过了两个头部标签位。谢谢你。但我尝试了这两种代码，在导航顶部仍然增加了间距，就像它与徽标的高度一样。而且不会碰到页面的顶部：（它仍然在增加间距