Jquery 我能'；添加第二个菜单时，单击菜单上的元素

首先大家好。我的头的第一个版本是。

我的问题是，如果我添加第二个菜单（右菜单），我的第一个菜单（左菜单）将丢失单击属性。我检查了一下，但看不出问题所在。谢谢你的帮助：）

---

那是因为绝对元素是一对一的。 试一试

display: inline-block;

---

工作小提琴：

这是因为绝对元素是一个接一个的。 试一试

display: inline-block;

---

工作小提琴：

你的CSS有点不清楚：）所以我更喜欢写另一个。您可以使用下面的样式玩宽度、高度和其他您想要的参数

提示：为确保正确定位块，请添加边框，使其在渲染页面上可见。祝你好运！：）

---

你的CSS有点不清楚：）所以我更喜欢写另一个。您可以使用下面的样式玩宽度、高度和其他您想要的参数

提示：为确保正确定位块，请添加边框，使其在渲染页面上可见。祝你好运！：）

---

你的css看起来应该完全不同。您应该删除所有的

div

，并且使用

选择器会稍微干净一些，该选择器以

#menu1>ul等元素的直接子元素为目标。此外，您绝对需要缩进，将每个属性写在单独的行上。否则代码将无法读取。您的css应该看起来完全不同。您应该删除所有的
div
，并且使用
选择器会稍微干净一些，该选择器以
#menu1>ul等元素的直接子元素为目标。此外，您绝对需要缩进，将每个属性写在单独的行上。否则代码将无法读取。
display: inline-block;

div#navbar{
        position: relative;
        width: 100%;
        height: 150px;
    }
    div#menu1{
        position: absolute;
        left: 100px; /*change to one you prefer*/
    }
    div#menu2{
        position: absolute;
        right: 100px; /*change to one you prefer*/
    }
    div#logo{
        position: absolute;
        width: 300px;
        left: 0; right: 0; margin: auto; /*center absolute block*/
    }
    .menu-lists li{
        display: inline-block;
    }