¿Es posible posicionar un DIV relativo a otro DIV? Imagino que esto se puede hacer colocándolo primero dentro de la DIV de referencia, y luego usando position: relative. Sin embargo, no puedo encontrar la manera de hacerlo sin afectar el contenido de la DIV de referencia. ¿Cómo puedo hacer esto correctamente?¿Posición DIV relativa a otra DIV?
Ver: http://jsfiddle.net/CDmGQ
Gracias! =)
primer conjunto position del DIV padres a relative (que especifica el desplazamiento, es decir left, top etc., no es necesario) y luego aplicar position: absolute a la DIV niño con el desplazamiento que desee.
Es simple y debería funcionar bien.
[Ejemplo] (http://jsfiddle.net/CDmGQ/2/) –
¡Eso lo hizo, gracias! :) Aceptaré tu respuesta lo antes posible. – Nathanael
No funciona para mí. Funciona solo si agrego relleno o margen, por lo tanto coloca el segundo div debajo del primero. –
necesita configurar Postion: relativa de DIV y la posición exterior: absoluto de div interior.
Pruebe esto. Aquí es el Demo
#one
{
background-color: #EEE;
margin: 62px 258px;
padding: 5px;
width: 200px;
position: relative;
}
#two
{
background-color: #F00;
display: inline-block;
height: 30px;
position: absolute;
width: 100px;
top:10px;
}
se puede utilizar en el interior position:relative; div #one y position:absolute dentro div #two. you can see it
¿qué estás haciendo con el div gris con el div rojo en ese ejemplo? – Rooster
No entiendo la pregunta. ¿A qué te refieres con 'sin afectar el contenido de la DIV de referencia'? ¿Puedes proporcionar una imagen del resultado solicitado? –