Html 使用表格的CSS下拉菜单导航器

我正在尝试使用一个表来创建一个下拉菜单导航器，但我遇到了一个问题。我隐藏了表的可见性，并使用hover使其可见，但它不起作用-它仍然不可见。代码如下：

           table
    {
        background-color: #a9a9a9;
        border-collapse: collapse;
    }
    a:hover
    {   
        color: #f0e68c;
    }
    a
    {
        color: white;
        text-decoration: none;
    }
    .table2
    {
        position: relative;
        left: 685;
        visibility: hidden;
    }
    .table2 th
    {
        border-top: 1px solid white;
    }


        .table1 th
    {
        border-left: 1px solid white;
    }

    #home:hover
    {
        background-color: black;
    }
    #register:hover
    {
        background-color: black;
    }
    #login:hover
    {
        background-color: black;
    }
    #download:hover
    {
        background-color: black;
    }
    #other:hover
    {
        background-color: black;
    }
    #other:hover .table2
    {
        visibility: visible;
    }

---

您真的不应该使用表来表示表格数据。 在不使用表格的情况下使用CSS定位元素有点棘手，但只要阅读有关长方体模型和不同显示选项的工作原理，您就会明白这一点

盒子型号和定位

---

对于导航菜单，您可能应该使用ul，这是实现这一点的标准方法。

我的网站上有一个教程，介绍如何仅使用CSS和HTML创建下拉菜单，您还可以下载完整代码。正如其他人所说，您应该只使用表来显示表格数据

---

你能添加你的代码吗？最好不要使用表来做标记，使用列表或divsA

ul

将是这种方法的最佳选择。我已经用列表做了，我只是想知道是否可以用表来做。这是可能的，但不推荐。大多数网站过去只使用10年前的表格建立。但是div和list更容易设计和使用。谢谢你的帮助，伙计，我很感激。我已经用list完成了，我只是想知道是否可以用table完成。当然，需要一些努力，但是它的优越性，我不明白为什么你会想使用它而不是

ul

方法。我想我应该使用标准方法（列表顺序），谢谢你的帮助，伙计，我很感激。@user2953265没问题，祝你的项目好运。