Como maquetar correctamente con divs

Buenas, nuevamente yo aqui
Tengo un problema para maquetar, tengo la siguiente duda, hay muchos tipos de divs(posicion absoluta, fixed, relativa, estatica), y tengo las siguientes dudas.
Agradeceria si me respondieran estas preguntas?
Puedo poner un div de posicion absoluta dentro de un div de posicion relativa?
Puedo poner un div de posicion absoluta dentro de un div de posicion estatica?
Puedo poner un div de posicion relativa dentro de un div de posicion estatica?
Puedo poner un div de posicion estatica dentro de un div de posicion relativa?

y la ultima puedo poner un div en este ordeN
Div Pos.Estatica >> Div Pos.Relativa >>Div Pos.Absoluta
Osea puedo poner un div de PA dentro de uno de PR y este dentro de uno de PE

Ojala no suene confuso, espero sus respuestas Gracias de Antemano..Bendiciones..

talentocomputo escribió:

Sí, de hecho el div con position: absolute, no funcionará si no está dentro de un elemento con position: relative (no necesariamente otro div).

talentocomputo escribió:

Sí, puedes. Pero como dije anteriormente, el position: absolute no tendrá ningún efecto a menos que previmanente haya un elemento con position: relative.

talentocomputo escribió:

Sí, claro. El tag <hml> es por omisión estático, así que...

talentocomputo escribió:

Sí, puedes.

talentocomputo escribió:

Yep, afirmativo.
Saludos,

Muchas Gracias DriverOp por tomarte el tiempo de contestarme y despejarme dudas, aveces me asombro como soy nuevo en como pueden maquetar una web poniendo todo en su lugar....tenes algun tuto sobre maquetacion..si al tienes te lo agradeceria k me loo compartieras, Muchas gracias men cdte
Saludos...

De hecho un elemento de posición absoluta funciona en relación con un miembro padre que sea de posición distinta a estática. No necesariamente tiene que ser relativa.

Me atrevería incluso a decir que no hay distintos tipos de div, sino un tipo de div llamado div.
Partiendo de mi atrevimiento llegamos a la propiedad CSS "position", y voy a explicar para que sirve cada una:
-static: es la posición por defecto de casi todas las etiquetas, que crea un flujo de elementos, es decir que uno va debajo del otro en una página. No podemos cambiarle las propiedades de posicion, como top, left...
-absolute: esta propiedad hace que nuestra etiqueta pueda estar en cualquier sitio dándole las coordenadas con top, left... y si lo tenemos dentro de un div normal y corriente con posición static la posición que le demos sera respecto al principio de la pantalla, es decir: la esquina de arriba a la izquiera.
.fixed: es igual que la absolute, pero al hacer scroll no se mueve de su sitio.
-relative: es como static pero nos permite ponerle coordenadas de posicion como right, bottom... y además automáticamente son las coordenadas principales de divs que tenga dentro con posición absoluta.

Gracias por aclararme mas el tema amigos muchas gracia
Yo maqueto desde 0 cada web que me toca que consejo me darian para no perder tiempo, hay alguna herramienta o algo que ayude

Hay un montón de herramientas que puedes usar para comenzar a trabajar, dependiendo de tus conocimientos. Uno muy popular es HTML5Boilerplate -un clásico-, otros dos también muy interesantes son Bootstrap y Foundation, pero hay cientos de frameworks, boilerplates y herramientas pululando en la web. Es cosa de mirar y ver qué se adapta mejor a lo que quieres hacer