固定分割在调整窗口大小时向左和向右移动

Question

我有这个固定的div:

* {
margin: 0;
padding: 0;
}
div {
height: 200px;
width: 200px;
position: fixed;
bottom: 1%;
left: 1%;
box-shadow: 0 0 5px -1px silver;
}

<div>
<h1>Test</h1>
</div>

调整窗口大小时，它会从右向左移动。有办法解决这个问题吗？

Answer 1

这是因为当使用%中的值时，测量是相对于容器(也可以是主体)的width/height进行的。因此，如果调整浏览器窗口的大小，则大小会发生变化，因此测量值也会发生变化。

这里的测量根据身体的不同而变化。

为了防止这种情况，您可以使用绝对值，如pxcm。。。。。在bottomtop属性中