Div padre que crece según contenido

[jiten]

Iniciado por pzin

Cierto.

Bueno, normalmente el comportamiento de todos los elementos son que crecen automáticamente según su contenido. Cuando usas posiciones absolutas, como es el caso, esos elementos dejan de formar parte del flujo natural del HTML y por lo tanto no ocupan ninguna altura para el resto de los elementos.
Así que tendrás que trabajar sin posiciones absolutas.

Respecto a la sombra, los dos primeros valores indican el desplazamiento sobre los ejes X e Y. Puedes indicar valores negativos también. Así puedes mover la sombra al lugar que quieras. Para ponerlo a la izquierda y por abajo, puedes probar poniendo el primer valor negativo y el segundo positivo:

Código CSS:

box-shadow: -20px 20px 30px 0 rgba(0,0,0,0.2);
 

Ok, cambié de absoluta a relativa.... pero es lo mismo... aún no veo que "crezca"la altura del DIV padre... cómo puedo hacer ? esto me está llevando mucho tiempo.. y pareciera que es algo simple... alguna idea ??