オーソドックスなプロパティなんですが、久しぶりに使うと使い方を忘れてドツボにはまってしまうこともしばしば…
レスポンシブでも結構迷いがちな「position:relative」と「position:absolute」の使い方。
上下、左右の中央の指定方法など、記録しておきます、
下記のサイトでは上下左右の指定をして真ん中にイメージを配置しています。
DEMO
上下左右中央に指定
See the Pen dyYXmKw by AkiraSatou (@SatoWeb) on CodePen.light
上下中央に指定
See the Pen oNjLqqa by AkiraSatou (@SatoWeb) on CodePen.light
左右中央に指定
See the Pen BaozrON by AkiraSatou (@SatoWeb) on CodePen.light
基準となる親要素には「position: relative;」、基準となるものに対して動かしたい子要素には「position: absolute;」を指定して、自分のデザインに合うよう数値を適宜変更してください。