Как расположить фиксированное поле относительно основной области содержимого, а не окна?

Question

Итак, у меня есть поле с контактной информацией в верхней части моей веб-страницы, и я закодировал его с фиксированным позиционированием. Коробка следует за вами вверх и вниз по экрану. После того, как это было сделано, я заметил, что если я изменю ширину окна, он перемещает контактную рамку слева направо.

Я не могу понять, как заставить окно контактов перемещаться вверх и вниз по экрану, не перемещаясь слева направо с различными мониторами и разрешениями. Я не знаю, является ли фиксированное позиционирование правильным ответом, потому что это по отношению к экрану?

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

Answer 1

Используйте фиксированное левое положение вместо процентного правого, которое [без предоставления макета], скорее всего, основано на ширине окна.

left: 200px;

Answer 2

Способ, которым я решил эту проблему, заключался в том, чтобы обернуть div (давайте назовем его оберткой) вокруг любого элемента, который я хотел бы исправить. Затем я дал обёртке фиксированное положение с top:0, а теперь с левым или правым параметром, а также дал ширину области содержимого, равную 980 пикселей. После этого все, что мне нужно было сделать, это всплыть внутренний элемент вправо, и он остался там. Спасибо за помощь, ребята!

Answer 3

попробуйте position:relative; в родительском элементе и посмотрите, работает ли он