CSS position absolue où en haut à gauche de la div est en haut à droite de la maison mère

Je veux de la position absolue d'un div tels que le coin supérieur gauche de la div est attaché en haut à droite de la div parent (parent positionné).

Avez-vous des solutions de comment faire cela ?

Ici est un violon pour commencer

Poster votre code et/ou de démarrer un jsfiddle.
Compatibilité? Si vous voulez la laisser travailler en < IE8 je recommande javascript. D'autre utiliser le HTML5 calculs.
ok. permettez-moi de mettre un violon.

OriginalL'auteur Ashwin | 2012-07-11

  1. 17

    Je pense que vous voulez quelque chose de ce genre

    http://jsfiddle.net/kdcmq/

    <div id = "parent">
     <div id = "child"></div>
</div>


#parent {
    position: relative;
    width: 500px;
    height: 500px;
    background: red;
    display: block; /* fix for opera and ff */
}

#child {
    position: absolute;
    width: 100px;
    height: 100px;
    background: blue;
    top: 0;
    left: 100%; /* this line of code will sort things out for you :) */
}
    Si le parent n'est pas <div> (durée ou outher élément inline) - n'oubliez pas d'ajouter display: block pour l'Opéra (Presto) et FF.

    OriginalL'auteur madeye

  2. 3

    Simple que cela?

    http://jsfiddle.net/ZeSF8/2/

    CSS:

    div {border:1px solid #000}
.p {
    position:relative;
    width:100px; /*width will be unknown*/
    height:80px;
    background:#999;
}

.c {
    position:absolute;
    width:40px;
    height:30px;
    background:red;
    top:0;
    left:100%;
}

    HTML: 

    <div class="p">
    <div class="c"></div>
</div>​

    OriginalL'auteur silentw