position anidados

[rotivo]

Si quiero hacer un container, con otro containeren us interior y otro container en el interior de este segundo (A->B->C) y ajustar la posicion de cada uno respecto a la posición del padre:

A. el contenedor pinal deberá llevar position: relative
B.Aqui es donde viene mi duda: deberá llevar position:absolute y tambien position:relative para que el sigueinte conenedor C se posicio respecto el co position:absolute, es esto cierto ¿no?

es que busco esto pero no doy encontrado nada en claro. Gracias!

[function]

si haces un caontainer, el hijo debe respetar las dimensiones (solo el width debe estar declarado no el height) del padre, y consecuentemente

[sanxuan]

Lo cierto es que hay diferentes maneras de hacer lo mismo. En cada ocasión merecerá la pena un tipo de posicionamiento u otro.
El control más estricto lo consigues dándole al hijo la propiedad position:absolute. El padre debe tener cualquier posición diferente de static. Es decir fixed, relative o absolute.
El contenedor con la posición absolute se sitúa mediante top,left,right,bottom que aceptan valores positivos y negativos.
Otra posibilidad es el posicionamiento relativo (position:relative). Mediante las propiedades top,left, right y bottom desplazamos el contenedor con respecto a la posición que ocuparía normalmente.
Por último, puedes utilizar los márgenes superior derecho, etc con la propiedad margin. De esta manera no necesitas añadir la propiedad position. Con margin:0 auto puedes conseguir centrar horizontalmente un div dentro de otro.
Hay combinaciones diferentes a partir de estas más simples, como utilizar un margen que puede ser negativo a la vez que posicionamos mediante otro método.
También puedes aprovechar la propiedad padding del padre para situar al hijo.
Más información en cualquier buen manual de CSS.

[rotivo]

Entiendo las formas, pero mi duda es era si puede ser un hijo posicionado de manera absoluta y este hijo a la vez padre de otro hijo que se posicione de manera absoluta sobre el, osea ciñiendonos al position, puede tener el mismo contenedor las propiedades absolute y position? Suena raro pero podría ser?? Gracias por la ayuda de todos

[sanxuan]

Puedes usar las veces que quieras la posición absoluta anidada. No hay nada de raro en lo que planteas. La única limitación es que la primera posición absoluta que aparezca tomará como posición la ventana del navegador en lugar de la de su padre si el padre no tiene una posicion diferente a static, que es la que toma cualquier elemento si no se indica lo contrario.
Todos sus hijos con posición absoluta se posicionan respecto a sus respectivos padres.

[rotivo]

osea solo con un position:relative y los hijos todos con absolute se posicinania uno respecto al otro hijo asi sucesivamente..

[sanxuan]

Parece que has entendido lo que quería explicar.
Sólo una aclaración. El padre de todos ellos no tiene porqué tener necesariamente position:relative. Es una posibilidad, pero también puede tener position:absolute o position:fixed.

[rotivo]

Perfecto. Gracias sanxuan