絶対配置要素と応答設計

Question

テンプレートの応答部分を実行していますが、絶対配置された要素の問題に直面しています。画面のサイズを変更すると、絶対配置された要素がその位置から移動し始めます。この位置は不要です。メディアクエリを使用することは可能ですが、要素を移動するほとんどのピクセル（または私が間違っているかもしれません）のためにそれらを使用する必要があります。ここで

は私のコードです：https://codepen.io/Kestvir/pen/QMdMXo

#design { 
    padding-top: 20px; 
    background: green; 
    min-height: 850px; 
    background-size: cover; 
    position: relative; } 

    #design #big { 
    display: block; 
    margin: 0 auto; } 

    #design #small { 
    position: absolute; 
    right: 655px; 
    top: 300px; } 

Answer 1

あなたが代わりにピクセルなどの％を使用することができます。私はコードペンであなたのCSSのコードを見て右側の位置決幅のため

#design #small { 
    position: absolute; 
    right: 38%; 
    top: 300px; 
} 

Answer 2

、あなたの質問でそれを指定していないが、あなたが変更することなく、どこかにその要素を入れたい場合は、それはだから、私はあなたがその要素を配置する場所を確認していません位置position: relativeを使用し、それに応じて位置を選択します。