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;} 

私は.cont要素にp.fixの右の位置を設定します。しかし、私が適用したコードは正しく機能しません。（本体要素に関連しています）

何か提案がありますか？ ありがとうございます。

Answer 1

私が作る限り、position：fixed要素の上、下、左、右の属性は、ブラウザのビューポートを基準にしています。位置が固定されている要素は、残りのコンテンツのスクロールに関係なく、ブラウザウィンドウ内の固定位置にあることを意味しているため、動作が異なる場合はそれほど意味をなさないでしょう。

最初に要素を特定の位置に配置したい場合は、div：position：absoluteでラップし、代わりに目的の位置に配置することができます。また、上、下、左、 position：fixed要素の右の属性。