Html 我的下拉菜单有什么问题？

我正在尝试用CSS创建我的第一个下拉导航菜单，我一直稍微反对下拉菜单，所以我以前没有尝试过

我可以让我的下拉菜单在Chrome中正常工作，但在Firefox和IE中有些东西是非常错误的

如果您使用IE或Mozilla打开该页面，看起来下拉菜单将以544px的速度弹出到所需位置的右侧，但在Chrome中，它的位置很好

我有一种感觉，这很简单，比如位置：相对标签放错了位置。我不确定，我很沮丧地试图弄明白这一点

CSS

HTML

经典汽车
金属制品
柴油机

---

我做了什么？！感谢您的帮助

您的下拉菜单是第一级li的子菜单

然而，这些是样式化的

#nav ul li {
    position: relative; 
    display: inline;

所以它们没有宽度。换成

#nav ul li {
    position: relative; 
    display: inline-block;

既然它们有了宽度，就正确定位了。你的ul不需要一个计算过的左撇子，这对于一个可维护的方法来说是一个噩梦

#nav ul li ul {
    padding: 0;
    position: absolute;
    left: 544px;    // No   !!
    left: 0px;
    ....

---

美丽的内联块，哇。我从来没有想过。只有一件事，当我添加上面的代码时，它会将我的导航稍微向右偏移大约50px。。。

#nav ul li {
    position: relative; 
    display: inline-block;

#nav ul li ul {
    padding: 0;
    position: absolute;
    left: 544px;    // No   !!
    left: 0px;
    ....