html - 如何在 css/html 中放置与窗口浏览器相关的对象？

Question

如何在 css 中放置对象以相对于窗口浏览器的大小移动？

我尝试了以下类型的定位：固定、绝对和相对。我遇到的问题是，当我更改窗口浏览器的大小时，它会停留在同一个位置，并且不会随着浏览器的大小而移动。

在此先感谢您的帮助！

score 1 · Accepted Answer

您必须使用定义顶部、底部、左侧、右侧px，因此您需要%使用

<div class="hello">
  Whatever
<div>

.hello {
   position: absolute;
   top: 50%;
   left: 50%;
}

确保您使用的是absolute位置，而不是将其包裹在相对定位的容器中，这样它就不会在野外流出

score 0 · Accepted Answer

没有任何信息，我将假设您使用像素作为顶部和左侧？您可能想尝试的是：

.my-class {
  position: absolute;
  top: 20%;
  left: 20%;
}

2 回答 2