HTML/CSS<；ul>；标记内<；李>；标记-元素坐在周围移动

“li”标签内的“ul”标签：

当我将鼠标悬停在主“li”标记上时，周围的所有文本都会移动

它是否存在一个css属性来防止在我悬停菜单时在菜单周围移动不同的元素？否则，是否存在另一种解决方案

---

谢谢

如果不希望一个元素影响其周围其他元素的位置，请使用

position:absolute

属性

例如：

#mainMenu > li:hover > ul {
    position: absolute;
}

---

你必须定位内部的绝对位置

    #mainMenu > li:hover > ul {
      display:block;
      text-decoration:none;
      list-style-type:none;
      padding: 15px 10px;
      z-index: 1500;
      background-color:#F2F2F7;
      position: absolute;
    }

以下是一个例子：

---

什么是

#主菜单

。可能是家长

ul

。但即使我没有复制这个问题，我相信他的意思是“在

ul

之前或之后移动元素”。因此，解决方案可能是使用

位置：绝对
。参见下面的答案。
绝对值
或
相对值
？请更新你的答案。谢谢，当我写代码的时候，我的大脑显然没有功能。
#mainMenu > li:hover > ul {
    position: absolute;
}

    #mainMenu > li:hover > ul {
      display:block;
      text-decoration:none;
      list-style-type:none;
      padding: 15px 10px;
      z-index: 1500;
      background-color:#F2F2F7;
      position: absolute;
    }