Position absolue mais relative au parent

Question

J’ai deux div dans une autre div, et je veux placer un div enfant vers le haut à droite de la div parent et l’autre div enfant au fond de la div parent à l’aide de css. C’est à dire, j’ai à utiliser un positionnement absolu avec les div de deux enfants, mais leur position par rapport à la div parent plutôt que sur la page. Comment est-ce que je peux faire cela ?

Exemple html :

Answer 1

<pre><code></code><p><code></code><code></code><code></code><code></code><code></code><code></code><code></code>."</p><p><code></code><code></code><code></code><code></code><code></code>pour positionner les enfants.</p></pre>

Answer 2

div#father { position: relative; }
div#son1 { position: absolute; /* put your coords here */ }
div#son2 { position: absolute; /* put your coords here */ }

Answer 3

si u ne pas donner n'importe quelle position pour les parents que par défaut statique . si tu veux comprendre que diffreence consultez cet exemple

Exemple 1::

http://jsfiddle.net/Cr9KB/1/

   #mainall
{

    background-color:red;
    height:150px;
    overflow:scroll
}

ici, parent de la classe n'a pas de position de sorte que l'élément est placé selon les corps .

Exemple 2:

http://jsfiddle.net/Cr9KB/2/

#mainall
{
    position:relative;
    background-color:red;
    height:150px;
    overflow:scroll
}

Dans ce exaple parent a position relative par conséquent élément en position absolue à l'intérieur par rapport parent.