在不移动其他元素的情况下放置HTML/CSS

我试图在菜单的右侧放置一个实时聊天按钮，而不移动菜单。。如果我把它放在菜单的内部，那么菜单将尝试将它作为一个项目使用，如果我把它放在上面，它将向下移动菜单，如果我把它放在下面，它将不会正确对齐，即使我使用填充

有人能告诉我如何在不影响页面周围其他元素的情况下自由移动页面上的元素吗

CSS

/*=======标题=====*/ header.row-1{高度：110px；背景：0d0d；} header.row-1.logo{position:relative；margin right:55px；padding:0px 0；float:left；} header.nav{float:right；} header.nav li{} header.nav li a{color:727171；文本装饰：无；} 头，导航李a：悬停， header.nav li a.current{color:fff；}

---

嘿，现在你可以习惯这样定位了

您的主菜单div id提供给相对位置

并且这样给聊天id绝对位置

css

HTML

---

嘿，现在你可以习惯这样定位了

您的主菜单div id提供给相对位置

并且这样给聊天id绝对位置

css

HTML

通过在特定元素上使用position:absolute，您可以实现它

例如：

 .chat{
     position:absolute;
     right: 0px;
     z-index: 9999;
     width: xyz;
     height: xyz;
  }

通过在特定元素上使用position:absolute，您可以实现它

例如：

 .chat{
     position:absolute;
     right: 0px;
     z-index: 9999;
     width: xyz;
     height: xyz;
  }

---

在不知道确切代码的情况下，我认为这样的人会工作：

---

将外部容器设置为相对位置。现在，您可以插入一个带有绝对按钮的项目，它位于所有其他项目之上，而无需移动它们。

在不知道确切代码的情况下，我认为这样的人可以：

---

将外部容器设置为相对位置。现在，您可以插入一个带有绝对按钮的项目，该项目位于所有其他项目之上，而无需移动它们。

您可以增加该元素的z索引，这样它将位于页面中其他层之上，并且可以在其他元素上自由移动。

您可以增加该元素的z索引，这样它将位于页面中其他层的上方，它将能够在其他元素上自由移动。

您可以尝试将其置于菜单上方，然后在菜单上使用负边距

您可以尝试将其置于菜单上方，然后在菜单上使用负边距

你能给我一段你的代码吗？我应该知道这个页面的css来回答这是导航菜单css；/*=页眉==*/header.row-1{高度：110px；背景：0d0d0d；}页眉.row-1.logo{位置：相对；右边距：55px；填充：0px 0 0 0；浮动：左；}页眉.nav{浮动：右；}页眉.nav li{页眉.nav li a{颜色：727171；文本装饰：无；}页眉.nav li a:hover，header.nav li a.current{color:fff；}@user1519999，从下一次开始，更新原始问题中的代码。你能给我一个代码片段吗？我应该知道要回答的页面css这是导航菜单css；/*=页眉==*/header.row-1{高度：110px；背景：0d0d0d；}页眉.row-1.logo{位置：相对；右边距：55px；填充：0px 0 0 0；浮动：左；}页眉.nav{浮动：右；}页眉.nav li{页眉.nav li a{颜色：727171；文本装饰：无；}页眉.nav li a:hover，header.nav li a.current{color:fff；}@user1519929，从下一次开始，更新原始问题中的代码。注意：我尝试过绝对定位，当我调整浏览器大小时，元素不会保持在原位，相反，如果将页面宽度增加1000px，我必须滚动到一个空白/灰色区域才能看到元素。您好，现在查看此实时演示，现在只需将位置从相对更改为聊天的绝对位置，并在ul结束后剪切到聊天代码和页面，并将其交给。暗类位置相对。。。。。注意：我尝试过绝对定位，当我调整浏览器大小时，元素不会保持在原位，相反，如果将页面宽度增加1000px，我必须滚动到一个空白/灰色区域才能看到元素。您好，现在查看此实时演示，现在只需将位置从相对更改为聊天的绝对位置，并在ul结束后剪切到聊天代码和页面，并将其交给。暗类位置相对。。。。。

 .chat{
     position:absolute;
     right: 0px;
     z-index: 9999;
     width: xyz;
     height: xyz;
  }