1

我已经查找了一些解决方案 - 但我的 css 似乎不起作用：/ 这是我的 css：

#mainNav {  
    right: 0;
    letter-spacing: 3px;
    position: absolute;
    top: 70%;
    height: 20px;
    margin-top: -10px;      
    display: inline-block;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase:

}




#mainNav li{
    display: inline;
    margin: 0px 8px 0px 0px;
    position:relative;

    }


#mainnav ul{
    display: inline;
    margin: 0px 8px 0px 0px;

}
#mainnav ul li{

   color: #000;
}
#mainNav li a{
    text-decoration: none;
    padding: 10px 15px 10px 15px;
    background-color:#efefef;
    font-size:10pt; 
    color: #4f5052;
}



#mainNav li a:hover{
    background-color: #fff;
    color: #91877e;

    }

#mainNav li a:active{
    color:#91877e;

    }

li a:hover{
    background-color: #fff;
    color: #91877e;

}

我已经尝试过固定位置 - 即使我在顶部等位置进行更改，它也只会切断我的一半导航。如果有人有任何简单的解决方案或任何可以帮助的东西，请发布：D 谢谢。

HTML

 <div id="mainnav">
    <ul>

  <li><a href="/"><strong>Home</strong></a></li><font color="#91877e"<font size=3></font></color>
         <li><a href="/mind/"> Investment</a><font color="#91877e"<font size=3></font></color>
        <li><a href="/body/">Rentals</a></li><font color="#91877e"<font size=3></font></color>
        <li><a href="/soul/">About</a><font color="#91877e"<font size=3></font></color>
        <li><a href="/soul/">Contact</a></li>

    </ul>
</div>
4

1 回答 1

0

在您的HTML代码中有一些不可用的内容tags，而且在您提供的代码中，CSS我发现您使用#mainNav了选择器而不是#mainnav. 这是JSFiddle中代码的工作版本。请注意，我添加了示例文本以便拥有scrollbar.

于 2013-06-25T13:13:36.553 回答