Posicionar div al final de otro

[tempto]

Hola,

Tengo un div contenedor y dentro otro div, el cual quiero posicionar en la esquina inferior derecha. He buscado en la web sobre el tema, pero lo que he conseguido hasta ahora es que el div se posicione en la esquina inferior derecha del navegador, no del contenedor.

Este es el código CSS

Código HTML:

.contenedor {
	width:600px;
	height:400px;
	margin:auto;
	background-color:#0CF;
	border:#000 solid 3px;
	position:relative;
}
			
.enlace {
	width:100px;
	height:40px;
	background-color:#06F;
	border:#FFF solid 2px;
	float:right;
	bottom:0px;
	right:0px;
	position:fixed;
}

Y este el de la página

Código HTML:

<div class="contenedor">
    	<div class="enlace">
        </div>
    </div> 

[Impostor]

Hola tempo,

el fallo que cometiste fue que debiste usar posiciones relativas en vez fixed. Este tutorial te puede aclarar. Con este css que pongo funciona, al menos en firefox.

Código CSS:

.contenedor {
    width:600px;
    height:400px;
    margin:auto;
    background-color:#0CF;
    border:#000 solid 3px;
}
            
.enlace {
    width:100px;
    height:40px;
    background-color:#06F;
    border:#FFF solid 2px;
    top:357px;
    left:497px;
    position:relative;
}
 

Toqueteando un poco, este código también es válido, he usado position absolute y al contenedor relative.

Código CSS:

.contenedor {
    width:600px;
    height:400px;
    margin:auto;
    background-color:#0CF;
    border:#000 solid 3px;
    position:relative;
}
            
.enlace {
    width:100px;
    height:40px;
    background-color:#06F;
    border:#FFF solid 2px;
    bottom:0px;
    right:0px;
    position:absolute;
}
 

Saludos¡¡

[tempto]

Me gusta más la segunda forma, para no estar calculando medidas con el top y right. Además funciona en explorer y firefox
Gracias!