CSSで親要素の中で固定するにはどうすればいいですか？

親要素に基づいて位置を固定する方法

メインコンテンツ（親要素）を基準にして、要素を固定配置したい場合は、親要素に対して relative または absolute という位置指定を行います。そして、position: fixed; と設定した要素には left の値を指定しないようにします。これによって、親要素に対して位置を固定することが可能になります。