CSSイメージを移動できません

イメージを移動しようとしていますが、移動できません。私は他の画像をうまく移動しましたが、これらの画像は動かないでしょうか？CSSイメージを移動できません

HTML：（それはより多くの画像を少し大きくだが、私は一つでも移動することはできません）

<main> 
    <p class="window1"> Window 1 </p> 
    <img class="uparrow1" src="images/up.png" alt="Up"> 
</main>

CSS：

.uparrow1 { 
    position: absolute; 
    top: 300px; 
    left: 100px; 
}

それはいずれにも応答しませんコマンド。

2017-01-12 Mike Hunt

位置にメイン設定されていますか？ – sol

cssにタイプミスがあります： 'left：100px' –

@MinalChauhan topはまだ動作しますか？ – sol

含まれるdivをposition: relativeに設定してください（この場合は.main）。

2017-01-12 11:20:51 sol

相対座標で親要素を設定しないと、絶対配置された子要素を移動することはできません。

Ex。詳細は

CSS

.parent{ 
    position:relative; 
} 

.child{ 
    position:absolute; 
    left:100px; 
}

HTMLコード

<div class="parent"> 
    <div class="child">Move me</div> 
</div>

2017-01-12 14:08:45

答えて