html - position relative および right プロパティ

Question

親が100％の幅である場合、divを相対に設定し、右0を設定すると、divがずっと右に配置されると常に考えていました。どうやら私は間違っていて、そのような絶対的な作品だけです。それで、相対で動作させる方法はありませんか？

Answer 1

親を相対的に設定する必要があり、子を絶対配置に設定する必要があります。

.parent{
  position: relative;
  width: 100%;
}
.right{
  position: absolute;
  width: 200px;
  height: 200px;
  background: red;
  top:0;
  right:0;
}

ここのように: http://jsfiddle.net/willemvb/n9Vrv/

Answer 2

親戚にそれを機能させる方法があります。

1 つの方法は、最初にディスプレイの親を に設定することinline-flexです。

次に、要素 (子) を設定しposition:relative; margin-left:auto; right:0;ます。

Answer 3

それで、相対で動作させる方法はありませんか？

正しい。相対ポジショニングは、静的ポジショニングの位置からの位置オフセットです。

包含ブロックのエッジに対して配置するには、絶対配置が必要です。