Html 为什么我的导航项CSS不起作用?

Html 为什么我的导航项CSS不起作用?,html,css,Html,Css,好吧,我不知道为什么这不起作用,但是看看。我右上角的导航项目搞砸了。到目前为止,其他一切都很好。如有任何建议,将不胜感激。另外,请注意,有没有一种方法可以让我有一个指向目录(音乐)的“a”标记,并让我自定义目录页面?我马上就这个问题单独提问。此外,我希望有我自己的播放器,显示元数据。无论如何,我会尽量停留在主题上,这样你就不必回答这些问题,只需要CSS帮助。谢谢 HTML文件 <!DOCTYPE html> <html> <head lang="en">

好吧,我不知道为什么这不起作用,但是看看。我右上角的导航项目搞砸了。到目前为止,其他一切都很好。如有任何建议,将不胜感激。另外,请注意,有没有一种方法可以让我有一个指向目录(音乐)的“a”标记,并让我自定义目录页面?我马上就这个问题单独提问。此外,我希望有我自己的播放器,显示元数据。无论如何,我会尽量停留在主题上,这样你就不必回答这些问题,只需要CSS帮助。谢谢

HTML文件

<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="utf-8">
        <meta name="description" content="AnonSeeker is a collection of HTML, CSS, and JavaScript files designed for privacy. We offer things such as a browser, bookmarks, proxies, music, a text/code editor, and much more, completely password-protected!">
        <link type="text/css" rel="stylesheet" href="css/style.css">
        <!-- CSS Stylesheet -->
        <link type="image/x-icon" rel="shortcut icon" href="favicon.ico">
        <!-- Favicon -->
        <title></title>
    </head>
    <body>
        <!-- All Navigation Items -->
        <div class="container" id="all-navigation">
            <!-- Top Left Navigation Items -->
            <div class="container" id="top-left-naviagtion">
                <!-- Goto Browser -->
                <div class="container goto-browser top-left-navigation-item">
                    <a href="html/anon-seeker-browser.html" class="goto-browser top-left-navigation-item">
                        <img src="img/browser.png" alt="browser-img" class="goto-browser top-left-navigation-item">
                    </a>
                </div>
                <!-- Goto Bookmarks -->
                <div class="container goto-bookmarks top-left-navigation-item">
                    <a href="html/bookmarks.html" class="goto-bookmarks top-left-navigation-item">
                        <img src="img/bookmarks.png" alt="bookmarks-img" class="goto-bookmarks top-left-navigation-item">
                    </a>
                </div>
                <!-- Goto Music -->
                <div class="container goto-music top-left-navigation-item">
                    <a href="html/music.html" class="goto-music top-left-navigation-item">
                        <img src="img/music.png" alt="music-img" class="goto-music top-left-navigation-item">
                    </a>
                </div>
            </div>
            <!-- Top Right Naviagtion Items -->
            <div class="conatiner" id="top-right-navigation">
                <div class="container goto-ace top-right-navigation-item">
                    <a href="html/ace-editor.html" class="goto-ace top-right-navigation-item">
                        <img src="img/ace-editor.png" alt="ace-editor-img" class="goto-ace top-right-navigation-item">
                    </a>
                </div>
            </div>
        </div>
        <!-- Middle Elements -->
        <div class="container" id="middle-elements">
            <!-- Center AnonSeeker Image -->
            <div class="container middle-img">
                <img src="img/anonseeker.png" alt="anonseeker.png" class="middle-img">
            </div>
            <div class="container search-box">
                <input type="text" placeholder="Search" class="search-box">
            </div>
        </div>
    </body>
</html>

左上导航
html拼写错误,因此无法使用css。只需替换下面提到的CSS代码。希望这对你有帮助

#top-right-navigation {
    position:absolute;
    top: 10px;
    right: 10px;
    padding: 15px;
}
#top-left-naviagtion{
    position:absolute;
    top: 10px;
    left: 10px;
    padding: 15px;
}

左上导航
html拼写错误,因此无法使用css。只需替换下面提到的CSS代码。希望这对你有帮助

#top-right-navigation {
    position:absolute;
    top: 10px;
    right: 10px;
    padding: 15px;
}
#top-left-naviagtion{
    position:absolute;
    top: 10px;
    left: 10px;
    padding: 15px;
}
请提供一个请提供一个