如何相对于主要内容区域而不是窗口定位固定框？

Question

所以我的网页顶部有一个填充了联系信息的方框，我用固定的位置编码。该框在屏幕上上下跟随您。之后我注意到，如果我改变窗口的宽度，它会从左到右移动接触盒。

我似乎无法弄清楚如何让联系人框架在屏幕上上下移动而不会从左到右移动不同的显示器和分辨率。我不知道固定定位是否是正确答案，因为这与屏幕有关？

CSS(minimum case):
    position: fixed;
    right: 24.2%;
    top: 0;
    width: 250px;

Answer 1

使用固定的左侧位置而不是右侧的位置[不提供布局]很可能基于窗口宽度。

left: 200px;

Answer 2

在父元素中尝试position:relative;并查看它是否有效

Answer 3

我解决这个问题的方法是将div（我们称之为包装器）包裹在我想要修复的任何元素周围。然后我给包装器一个固定的位置top:0，现在左或右的参数，我也给它一个宽度为980px的内容区域。之后，我所要做的就是将内部元素向右浮动，然后它就停留在那里。感谢所有帮助人员！