css - 「部分的に」相対的配置？

Question

ページの中心から 20 ピクセル離れた固定幅と高さの HTML div 要素を配置したいと考えています。これは可能ですか？

Answer 1

はい。div の css を次のように変更します。

position: absolute; 
top: 50%; 
left: 50%; 
margin: (whatever direction you want to move)

Answer 2

詳しい情報がないとわかりにくいですが、そうです。

水平方向に中央に配置し、「側面」に 20 ピクセル:

#my-element {
    margin: 0 auto; /* center */
    position: relative;
    left: -20px; /* offset */
}

水平方向と垂直方向の中央揃え (要素の高さを固定する必要があります):

#my-element {
    width: 100px;
    height: 100px;

    position: absolute; /* or fixed */
    left: 50%;
    top: 50%;

    margin: -50px 0 0 -50px; /* half of the elements width and height in negative margin pulls it to the center - to offset it 20px simply increase/decrease these values */
}