css - 绝对位置硬右对齐与左边距

Question

我不知道如何在特定点停止绝对定位的元素。

关于 this page你会看到“让我加入你的团队”这些词和机器人是绝对定位的，所以它们总是在屏幕上。我想做的是当屏幕重新调整大小变得更窄时，我想阻止它与 mac 图像重叠。我试过添加 margin-left: 900px;但在缩小屏幕时没有效果。有谁知道如何在缩小浏览器时在特定点停止单词和机器人？

Answer 1

我认为您想在包含元素上设置一个 min-width。

body {
  min-width: 1024px;
  position: relative;
}

同时设置相对位置，使机器人相对于 body 而不是相对于窗口绝对定位。