html - 为什么我不能点击我的导航栏链接？

Question

我是初学者，我尝试做一个网页。我试图建立一些联系。但它们都是不可点击的。我的 html 有什么问题吗:

    <div class="navbar">
    <nav>
        <ul>
            <li id="nav-blog"><a class="nav2" href="http://www.ingridoscar.se/blog.html/">Blog</a></li>
            <li id="nav-gallery"><a class="nav2" href="http://www.ingridoscar.se/gallery.html/">Gallery</a></li>
            <li id="nav-about"><a class="nav2" href="http://www.ingridoscar.se/about.html/">About</a></li>
            <li id="nav-newsletter"><a class="nav2" href="http://www.ingridoscar.se/newsletter.html/">Newsletter</a></li>
            <li id="nav-support"><a class="nav2" href="http://www.ingridoscar.se/support.html/">Support</a></li>
            <li id="nav-location"><a class="nav2" href="http://www.ingridoscar.se/location.html/">Location</a></li>
            <li  id="nav-ywampismo"><a class="nav2" href="http://www.ywampismobeach.org/">YWAM Pismo</a></li>
        </ul>       
        <div id="logo"><a href="http://www.ingridoscar.se/index.html/"><img src='logo150px.png'></a></div>
    </nav>
    </div>

或者是css的问题？我试着设计它的样式，但当我完成后链接不起作用。可能有数百种更好的样式设置方法，但我只想让我的链接正常工作。:

 .navbar
{
    height:200px;
    background:#f1f1f1;
    position:fixed;
    top:54px;
    left:-1px;
    width:110%;
}ul
{
    list-style-type:none;
    margin:auto auto auto 350px;
    padding:0;
}li
{
    float:left;
}.nav1
{
    display:block;
    width:50px;
}.nav2
{
    display:block;
    width:auto;
    height:auto;
    margin:75px 30px auto;
    font-family: "Roboto", sans-serif;
    color:gray;
    line-height: 35px;
    text-align: right; 
    text-transform:uppercase;
    text-decoration:none;
}#logo
{
    position:relative;
    top:25px;
}

谢谢帮助

Answer 1

您在每个链接上的 .html 之后都有一个/。把它取下来，它看起来像这样

<div class="navbar">
    <nav>
        <ul>
            <li id="nav-blog"><a class="nav2" href="http://www.ingridoscar.se/blog.html">Blog</a></li>
            <li id="nav-gallery"><a class="nav2" href="http://www.ingridoscar.se/gallery.html">Gallery</a></li>
            <li id="nav-about"><a class="nav2" href="http://www.ingridoscar.se/about.html">About</a></li>
            <li id="nav-newsletter"><a class="nav2" href="http://www.ingridoscar.se/newsletter.html">Newsletter</a></li>
            <li id="nav-support"><a class="nav2" href="http://www.ingridoscar.se/support.html">Support</a></li>
            <li id="nav-location"><a class="nav2" href="http://www.ingridoscar.se/location.html">Location</a></li>
            <li  id="nav-ywampismo"><a class="nav2" href="http://www.ywampismobeach.org/">YWAM Pismo</a></li>
        </ul>       
        <div id="logo"><a href="http://www.ingridoscar.se/index.html"><img src='logo150px.png'></a></div>
    </nav>
    </div>