положение css: исправлено

Question

там Ниже приведен HTML-код:

<div class="cont">
    <p class="fix">fixed text</p>
</div>
and css:
.cont{position:relative; width:500px; background-color:red; height:2000px;}
.fix{position:fixed; right:0;}

Я хочу установить правильную позицию p.fix относительно элемента .cont.Но код, который я применил, не работает правильно (он относится к элементу body)

Есть предложения?Большое спасибо.

Answer 1

Насколько я могу судить, верхний, нижний, левый и правый атрибуты позиции: фиксированный элемент относятся к области просмотра браузера.Не имело бы особого смысла, если бы они работали по-другому, потому что позиция: фиксированные элементы должны быть в фиксированной позиции в окне браузера, независимо от прокрутки оставшегося контента.

Если вы хотите иметьЭлемент в определенной позиции изначально, вы можете обернуть его в div с помощью position: absolute и layout, чтобы вместо этого быть в нужной позиции, и не добавлять атрибуты top, bottom, left и right для позиции: fixed element.