html 链接不能正常工作

Question

我正在为我的网站创建 html/css，但链接不是“可点击的”。

当我去掉“ul#menu”CSS 中的“float:left”时，链接就可以工作了。否则它不会。

        <ul id="menu">
            <li><a href="www.facebook.com" class="active">Home</a></li>
            <li><a href="www.facebook.com">Order</a></li>
            <li><a href="www.twitter.com">How it works</a></li>
            <li><a href="#">FAQ</a></li>
            <li><a href="#">About urrrs</a></li>   
            <a href="www.facebook.com">order</a>            
        </ul>



ul#menu{
    float: left;
    margin-left: 20px;
    margin-top: -290px;
}

ul#menu li a {
    text-decoration:none;
    color:#e2281f;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:22px;
    line-height:32px;
}

ul#menu li a.active, ul#menu li a:hover {
    background-color:#e2281f;
    color: white;
}

我的网页位于:http://foodchute.com/

Answer 1

试试这个:

        <ul id="menu">
            <li><a href="www.facebook.com" class="active">Home</a></li>
            <li><a href="www.facebook.com">Order</a></li>
            <li><a href="www.twitter.com">How it works</a></li>
            <li><a href="#">FAQ</a></li>
            <li><a href="#">About urrrs</a></li>   
            <a href="www.facebook.com">order</a>            
        </ul>



ul#menu{
    position:relative; /* <- important bit here */
    z-index:1; /* <- important bit here */
    float: left;
    margin-left: 20px;
    margin-top: -290px;
}

ul#menu li a {
    text-decoration:none;
    color:#e2281f;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:22px;
    line-height:32px;
}

ul#menu li a.active, ul#menu li a:hover {
    background-color:#e2281f;
    color: white;
}