2012-12-20 4 views
5

私はCSSにposition:relativeを適用する必要があるいくつかの条件や状況について知りたいです。CSSではいつ "position:relative"を使用しますか?

+0

要素が通常の位置に対しては、位置、そうされています CSSのトリックのウェブサイトを適切に理解するには、このリンクを読んで「左:20には、」要素のLEFT位置 –

+1

@MoortyGKに20個のピクセルを追加し、 '左:20'は間違っており、適合するブラウザによって無視されます。 –

+0

yah !! left = "20px"のように書くと、元の位置から要素を20px左に移動します(左のオフセットに20pxを追加します)。 –

答えて

9

私はその要素の内部要素が絶対的に配置されることを知っているとき、私はたいてい要素内で相対:相対を使用します。

たとえばdivが2つあり、divの外側が静的ブロックで、外側divの要素が外側divの絶対位置に配置されているとします。次に、外側divのposition:relativeを使用し、inner divはposition:absoluteを使用します。内側div要素は、CSSの上下左右の属性を使用してどこにでも配置できます。

+0

Yah !!それは良い答えです。そして、あなたは "内側のブロックの適切な位置について心配する必要はありません"と説明しました。自動的に調整されます。 –

+0

はい、あなたは正しいです::)私はCSSでの位置付けに苦労していたときに私はいくつかのYouTubeのチュートリアルを見て、その後私は非常に位置属性を使用して自信を持っています。 – Sahil

3

前に同様の質問がありました:

When to use CSS positioning?

その答えは、ポジショニングについての有用なブログへのリンクがあります。

+0

これも良い回答です。ありがとう。 –

0

要素がこのように「左:50」は、その通常の位置、 に対して位置決めさ相対位置要素の左の位置に50個のピクセルを追加

関連する問題