我需要在地图上放置两个浮动面板,但是
我尝试了所有的方法,但似乎
有没有办法将第二个面板(#floating-panel2)对齐到右侧,而不改变第一个面板(#floating-panel1)的对齐方式?
我需要的是这样的布局:
这是我的HTML和CSS:
float: right
不起作用,请帮忙。我尝试了所有的方法,但似乎
position: absolute
禁用了 float: right
或其他什么东西。有没有办法将第二个面板(#floating-panel2)对齐到右侧,而不改变第一个面板(#floating-panel1)的对齐方式?
我需要的是这样的布局:
![enter image description here](https://istack.dev59.com/tmw9V.webp)
#wrapper { position: relative; }
#floating-panel1 {
position: absolute;
width: 265px;
top: 55px;
left: 5px;
z-index: 5000;
background-color: rgb(66, 72, 79);
padding: 5px;
border: 1px solid rgb(66, 72, 79);
border-radius: 1px;
}
#floating-panel2 {
position: absolute;
width: 265px;
top: 55px;
left: 0px;
z-index: 5000;
background-color: rgb(66, 72, 79);
padding: 5px;
border: 1px solid rgb(66, 72, 79);
border-radius: 1px;
float:right;
}
<div id="wrapper" style="height: 100vh">
<div id="floating-panel1">
<h1>PANEL 1</h1>
</div>
<div id="floating-panel2">
<h1>PANEL 2</h1>
</div>
</div>
请帮忙