Html 浮动面板左侧和右侧CSS

我需要在地图上放置两个浮动面板，但是

float:right

不起作用。请帮忙

我尝试了所有方法，但似乎是

位置：绝对

禁用

浮动：右

或其他什么

有没有办法在不改变第一个面板（#floating-panel1）对齐的情况下，将第二个面板（#floating-panel2）向右对齐

我需要这样的东西：

这是我的html和css：

#包装器{位置：相对；}
#浮动面板1{
位置：绝对位置；
宽度：265px；
顶部：55px；
左：5px；
z指数：5000；
背景色：rgb（66,72,79）；
填充物：5px；
边框：1px实心rgb（66,72,79）；
边界半径：1px；
}
#浮动面板2{
位置：绝对位置；
宽度：265px；
顶部：55px；
左：0px；
z指数：5000；
背景色：rgb（66,72,79）；
填充物：5px；
边框：1px实心rgb（66,72,79）；
边界半径：1px；
浮动：对；
}

小组1
小组2

这就是你要找的吗？如果是，则只需将第二个面板上的

left:5px

更改为

right:5px

#包装器{位置：相对；}
#浮动面板1{
位置：绝对位置；
宽度：265px；
顶部：55px；
左：5px；
z指数：5000；
背景色：rgb（66,72,79）；
填充物：5px；
边框：1px实心rgb（66,72,79）；
边界半径：1px；
}
#浮动面板2{
位置：绝对位置；
宽度：265px；
顶部：55px；
右：5px；
z指数：5000；
背景色：rgb（66,72,79）；
填充物：5px；
边框：1px实心rgb（66,72,79）；
边界半径：1px；
}

小组1
小组2

这就是你要找的吗？如果是，则只需将第二个面板上的

left:5px

更改为

right:5px

#包装器{位置：相对；}
#浮动面板1{
位置：绝对位置；
宽度：265px；
顶部：55px；
左：5px；
z指数：5000；
背景色：rgb（66,72,79）；
填充物：5px；
边框：1px实心rgb（66,72,79）；
边界半径：1px；
}
#浮动面板2{
位置：绝对位置；
宽度：265px；
顶部：55px；
右：5px；
z指数：5000；
背景色：rgb（66,72,79）；
填充物：5px；
边框：1px实心rgb（66,72,79）；
边界半径：1px；
}

小组1
小组2

使用float:left和float:right显示div，并将位置添加到div1位置：绝对和div2位置：相对

#包装器{位置：相对；}
#浮动面板1{
宽度：265px；
顶部：55px；
浮动：左；
位置：绝对位置；
z指数：5000；
背景色：rgb（66,72,79）；
填充物：5px；
边框：1px实心rgb（66,72,79）；
边界半径：1px；
}
#浮动面板2{
宽度：265px；
顶部：55px；
浮动：对；
位置：相对位置；
z指数：5000；
背景色：rgb（66,72,79）；
填充物：5px；
边框：1px实心rgb（66,72,79）；
边界半径：1px；
浮动：对；
}

小组1
小组2

使用float:left和float:right显示div，并将位置添加到div1位置：绝对和div2位置：相对

#包装器{位置：相对；}
#浮动面板1{
宽度：265px；
顶部：55px；
浮动：左；
位置：绝对位置；
z指数：5000；
背景色：rgb（66,72,79）；
填充物：5px；
边框：1px实心rgb（66,72,79）；
边界半径：1px；
}
#浮动面板2{
宽度：265px；
顶部：55px；
浮动：对；
位置：相对位置；
z指数：5000；
背景色：rgb（66,72,79）；
填充物：5px；
边框：1px实心rgb（66,72,79）；
边界半径：1px；
浮动：对；
}

小组1
小组2

您可能必须在绝对定位和浮动之间进行选择。在#浮动面板中，尝试去除float:right和left:0px，然后添加right:5px（使用绝对定位将其置于右侧。您可能必须在绝对定位和浮动之间进行选择。在#浮动面板中，尝试去除float:right和left:0px，然后添加right:5px（使用绝对定位将其置于右侧）。