如何在 css 中放置对象以相对于窗口浏览器的大小移动?
我尝试了以下类型的定位:固定、绝对和相对。我遇到的问题是,当我更改窗口浏览器的大小时,它会停留在同一个位置,并且不会随着浏览器的大小而移动。
在此先感谢您的帮助!
您必须使用 定义顶部、底部、左侧、右侧px
,因此您需要%
使用
<div class="hello">
Whatever
<div>
.hello {
position: absolute;
top: 50%;
left: 50%;
}
确保您使用的是absolute
位置,而不是将其包裹在相对定位的容器中,这样它就不会在野外流出
没有任何信息,我将假设您使用像素作为顶部和左侧?您可能想尝试的是:
.my-class {
position: absolute;
top: 20%;
left: 20%;
}
您还可以使用css 中的 @media 查询根据特定大小进行定位