html链接不'；我不能正常工作

我正在为我的网站创建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;
}

菜单{
浮动：左；
左边距：20px；
利润上限：-290px；
}
菜单a{
文字装饰：无；
颜色：#e2281f；
字体系列：Verdana、Arial、Helvetica、无衬线；
字体大小：22px；
线高：32px；
}
菜单李a.激活，菜单李a:悬停{
背景色：#e2281f；
颜色：白色；
}

---

我的网页位于：

，因为您的购物区重叠

将此添加到您的#菜单：

这就是购物

---

因为你有一个重叠的部门——购物

将此添加到您的#菜单：

这就是购物

试试这个：

        <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;
}

菜单{
位置：相对；/*尝试以下操作：

        <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;
}








菜单{
position:relative；/*如果你尝试使用tab，它们都可以工作。你可以选择它们，按Enter键将重定向！这只是你的CSS样式与链接重叠。如果我做对了，尝试使用它，它将使事情正常工作（不是CSS和HTML专家，但我想它会有所帮助）.
如果您尝试使用tab，它们都可以工作。您可以选择它们，按Enter键将重定向！这只是您的CSS样式与链接重叠。如果我做对了，尝试使用它，它将使事情正常工作（不是CSS和HTML专家，但我想它会有所帮助）.
尝试
显示：为
ul#菜单
设置块
似乎是一个zindex问题。尝试类似
zindex:100
的操作。有时也可以使用
！重要的
指令帮助。请注意，
ul#菜单
是不必要的，因为
id
s是唯一的-
；菜单
也一样好，并且会运行（稍微）更快。即使它们可以点击，
href=“www.facebook.com”
也会链接到您当前目录中名为www.facebook.com的页面。我很确定您的意思是
href=”https://www.facebook.com"
。尝试
显示：阻止
对于
ul#菜单
似乎是一个zindex问题。尝试类似
zindex:100
的操作。有时也可以使用
！重要的
指令帮助。请注意，
ul#菜单
是不必要的，因为
id
s是唯一的-
；菜单
也一样好，并且会运行（稍微）更快。即使它们可以点击，
href=“www.facebook.com”
也会链接到您当前目录中名为www.facebook.com的页面。我很确定您的意思是
href=”https://www.facebook.com“
。
        <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;
}