CSS 位置 : fixed

Question

我有position:fixed <div>出现在屏幕中间。当有消息时，第二个 position:fixed <div>放在第一个 <div> 旁边.

我在不同的屏幕尺寸(比如上网本 - 小屏幕)上发现 <div>坐在彼此之上。

有没有办法让他们彼此锁定位置？我试着用一个固定的容器来固定它们，但它们仍然在移动。

 <div id="container">
    <div id="container"></div>
    <div id="container"></div>
 </div>

编辑:

<div id="wrapper">
    <div id="container1"></div>
    <div id="container2"></div>
 </div>

CSS - 当我改变屏幕大小时 container1 和 container2 仍然移动。

#wrapper {
  position: fixed
}
#container1 {
  position: fixed
}
#container2 {
  position: fixed
}

我需要在容器 1/2 div 上使用相对定位吗？

Answer 1

最重要的是，id 独一无二。您不能使用 id="container"在三个不同的元素上。每个人都必须有自己的id .

<div id="container">
    <div id="container"></div>
    <div id="container"></div>
</div>

应该是这样的……

<div id="wrapper">
    <div id="container1"></div>
    <div id="container2"></div>
</div>

另外，你的 CSS 代码在哪里？

如果您不希望这些东西随着窗口大小的变化而相互插入，一种方法是指定每个容器的确切大小和位置。

编辑:

同样，如果没有看到此页面的示例、演示或对您想要的内容的更好描述，这只是猜测。

您可以在 wrapper 上放置固定位置，然后在 <div> 上放置精确的大小和位置在里面。